概述:JavaScript是网站前端开发最为重要的一门编程语言,本文收集了能够在线测试与调试JavaScript代码的12个网站

1、JS Bin

JS bin是一个为JavaScript和CSS爱好者们提供特定情况下的代码片段测试的网站。它可以让你和你的同伴合作调试代码。你可以在这里编辑和测试JavaScript和HTML代码,一旦你觉得满意,可以把相关的网址发送给你的同伴,以获取他们的看法和帮助。

2、JS Nice

JS Nice 是一个用于JavaScript的反代码混淆以及反极简主义的高级代理程序。它可以增加模糊的JavaScript代码的可读性并删除掉代码中的无用字符。由于其包含了开源项目中的许多先进的机器学习技术,它还能够为JavaScript项目快速提供标识符名称和类型的建议。

3、JS Hint

JS hint 是一个由社区推动的工具。它可以检测JavaScript代码中的错误,提示你代码中有哪些潜在的问题并且还能够让你与团队的编码习惯保持一致。另外值得一提的是,它还可以很容易地适应特定的编码规则或环境。

4、JS Fiddle

JS Fiddle作为可创建自定义环境的外壳程序,可方便用户在流行的JavaScript框架下更容易的编写代码。它的框架和版本可进行自由选择,也支持添加新的免费框架。此外,它可以为创建的代码生成唯一的URL地址。

5、 Codepen

Codepen是一个用于前端开发的网站。它是激发灵感和接受教育的好地方,并且支持工作的分享。它最突出的地方是大众化的演示,如同是使用者自己在用笔触编写一样。

6、Liveweave

Liveweave是JavaScript、HTML5 和CSS3爱好者的游乐场,支持网页设计师的实时编辑。在这里,进行测试和练习的面板是可以自由调节的。此外,它还有一个用于CSS3和HTML5标签的关联代码提示。

7、JS Lint

JS Lint是一个静态的代码分析工具,它能够检测源代码是否符合代码规则。这个在线工具是由Web开发领域最知名的技术权威之一Douglas Crockford开发的。

8、 Kodtest

Kodtest在功能和特性上与JS fiddle、Liveweave一样。唯一的区别在界面,它拥有令人印象深刻的图形用户界面。

9、JS Beautifier

JS beautifier 是可以进行重新格式化和重新缩进排版的书签小工具。它对JavaScript的解包和反混淆工作是由www.javascriptobfuscator.com来完成。这个工具可用于web浏览器或者命令行。

10、JS.do

JS.do是一款可在线编辑JavaScript代码的工具。它提供了一个发布代码并检查运行是否正常的视窗。

11、 Scripted

Scripted 是一款全新的、轻量级的、基于浏览器的JavaScript代码编辑器,由VMware基于Eclipse Orion的编辑器组件开发。它工作于本地,并且由Node.js Web服务器提供内容服务。

12、Ideone

Ideone是一款可以帮助你完成在线编译和调试JavaScript代码工作的工具。它可以编译超过60种编程语言的源代码。你只需要选择程序语言,然后输入包含变量数据的源代码就能完成编译的准备工作了。

原文:http://codecondo.com/12-websites-for-testing-and-debugging-javascript-code/

可进行JavaScript代码测试与调试的12个网站的更多相关文章

  1. 林大妈的JavaScript基础知识(二):编写JavaScript代码前的一些简单工作

    在介绍JavaScript语法前,我们需要知道,学习语法必须要多利用手敲代码来巩固记忆.因此,由于JavaScript的特性,它不能像C++和Java一样独立地编译及运行,我们需要在调试运行JavaS ...

  2. 新书《编写可测试的JavaScript代码 》出版,感谢支持

    本书介绍 JavaScript专业开发人员必须具备的一个技能是能够编写可测试的代码.不管是创建新应用程序,还是重写遗留代码,本书都将向你展示如何为客户端和服务器编写和维护可测试的JavaScript代 ...

  3. 利用chrome调试JavaScript代码

    看见网上很多人问怎么用chrome调试JavaScript代码,我也对这个问题抱着疑问,但是没有找到一篇能用的中文文章(可能我的google有问题),也不知道怎么点出一篇E文的,感觉作者写得不错,所以 ...

  4. 编写可测试的JavaScript代码

    <编写可测试的JavaScript代码>基本信息作者: [美] Mark Ethan Trostler 托斯勒 著 译者: 徐涛出版社:人民邮电出版社ISBN:9787115373373上 ...

  5. alert一般用来调试客户端的javascript代码,以及更好的调试方法

    alert一般用来调试客户端的javascript代码 调试利器--console.log 如今主流浏览器(Chrome,IE8及后续版本,FireFox,Opera等)都支持控制台功能. Chrom ...

  6. sublime text 内调试Javascript代码

    转自:sublime内调试Javascript代码 之前用webstorm, 可以直接调试js, 在浏览器中也可以调试js,最近换了sublime text, 在想它是否支持调试js代码,于是找到了这 ...

  7. 如何利用好chrome控制台这个神器好好调试javascript代码

    上面的文章已经大致介绍了一下console对象具体有哪些方面以及基本的应用,下面简单介绍一下如何利用好chrome控制台这个神器好好调试javascript代码(这个才是我们真正能用到实处的地方) 1 ...

  8. javascript代码 调试方法

    你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现. 通常,如果 JavaScript 出现错误,是不会有提示信息,这样你就无法找到代码错误的位置. 在程序代码中寻找错误叫做代 ...

  9. JavaScript代码调试

    怎么在浏览器中调试JavaScript代码呢?首先,你需要安装Google Chrome浏览器,Chrome浏览器对开发者非常友好,可以让你方便地调试JavaScript代码.安装后,随便打开一个网页 ...

随机推荐

  1. Wireshark 网络抓包工具Wireshark的使用

    阅读目录 wireshark介绍 wireshark不能做的 wireshark VS Fiddler 同类的其他工具 什么人会用到wireshark wireshark 开始抓包 wireshark ...

  2. MyBatis学习总结_16_Mybatis使用的几个建议

    1.Mapper层参数为Map,由Service层负责重载. Mapper由于机制的问题,不能重载,参数一般设置成Map,但这样会使参数变得模糊,如果想要使代码变得清晰,可以通过service层来实现 ...

  3. Java:Object类

    objcet类中涉及的多态的扩展性,由于Object是所有类的根类,所以它可以接收任意类型的数据,包括基本数据类型.因为这一特点,它可以对多态性进行扩展. 1.创建一个Demo类来判断类类型 clas ...

  4. C语言:指针的几种形式二

    一.const指针 1.const int* p和int const* p:两者意义是相同的.指向的内容是只读数据,不可以q改变:但是指向的地址可以改变. 2.int* const p:必须先对指针初 ...

  5. Ubuntu 13.10 安装Qt5

    Qt5在Ubuntu的软件中心是找不到的,只能从Qt的官网下载安装. http://qt-project.org/downloads,选择完整的Linux版本(qt-linux-opensource- ...

  6. 《mysql悲观锁总结和实践》-悲观锁

    最近学习了一下数据库的悲观锁和乐观锁,根据自己的理解和网上参考资料总结如下: 悲观锁介绍(百科): 悲观锁,正如其名,它指的是对数据被外界(包括本系统当前的其他事务,以及来自外部系统的事务处理)修改持 ...

  7. android程序获取WIFI的IP地址和MAC地址

    转自:http://my.oschina.net/chenj/blog/68680 近日在鼓捣这玩意,拿出来大家分享一下,代码比较简单,如果有不懂的再问 <Button android:id=& ...

  8. SpringMVC整合Shiro——(3)

    SpringMVC整合Shiro,Shiro是一个强大易用的Java安全框架,提供了认证.授权.加密和会话管理等功能. 第一步:配置web.xml <!-- 配置Shiro过滤器,先让Shiro ...

  9. adb 安卓opencv manager报错:adb server is out of date.killing

    原因:ref:http://jingyan.baidu.com/article/d621e8da0dee022865913fce.html      最后发现360mobil.exe占用 5037 通 ...

  10. Redhat6下安装QEMU

    Redhat6下安装QEMU 1.下载QEUM:http://wiki.qemu.org/Download 2.解压qemu-1.6.1.tar.bz2到/tmp目录(也可以是其他目录)下,并进入解压 ...