首页 > 应用开发 > Ext JS > 如何在浏览器中测试JavaScript代码?
1、JSBin
JSBin是JSFiddle的简洁纯净版的替代产品。如果你想使用一个更易于理解、且界面更加简洁的工具,那么JSBin会比JSFiddle更适合你。由于该平台提供免费和专业访问权限,因此只要你成为专业(pro)用户,就能够享受其针对私人垃圾箱、以及无限制的dropbox同步等功能。当然,你也可以使用JSBin的通用访问权限,去轻松地测试HTML、CSS和JavaScript的任何组合。
2、CodePen
CodePen是一种能够测试HTML、CSS和JavaScript代码的在线工具。其开发者社区拥有丰富的资源。目前,它作为一个开源学习环境,不但拥有高达330000名已注册的开发者用户,而且正致力于开发满足各类应用需求的前端应用程序。可以说,它是构建和部署网站,并向全网推广你的产品,以及构建测试用例的平台之一。tagslist/%E5%9B%BD%E9%99%85%E7%8E%B0%E8%B4%A7%E9%BB%84%E9%87%91/
3、Liveweave
作为另一种可用于测试 JavaScript代码的在线工具,Liveweave具有实时的预览功能,并配备了参考标准来帮助你进行响应式设计。它的HTML、CSS和JavaScript代码提示功能,会使得初学者可以轻松地输入基本代码。此外,你也可以使用Liveweave将被测项目下载成为一个.zip文件,以便在代码中轻松地添加和使用包括jQuery、AngularJS、以及Bootstrap在内的外部库。
4、JSFiddle
无论你是使用 JavaScript,还是使用React或Vue等框架,JSFiddle都是一款可以在浏览器中编写和测试JavaScript代码的在线工具。2009年,它是以“Mooshell”的形式被推出的。如果你正在开发Web应用程序,并用到了某种类型的JavaScript库,那么JSFiddle便是一款比较合适的测试工具。它的界面非常简单,你只需要输入一些JavaScript脚本,甚至添加一些HTML和CSS,即可立即查看到结果。因此,你可以在将JavaScript代码片段添加到自己的项目之前,使用JSFiddle进行全面测试。
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70014563/viewspace-2945282/ ,如需转载,请注明出处,否则将追究法律责任。