可进行JavaScript代码测试与调试的12个网站
概述: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个网站的更多相关文章
- 林大妈的JavaScript基础知识(二):编写JavaScript代码前的一些简单工作
在介绍JavaScript语法前,我们需要知道,学习语法必须要多利用手敲代码来巩固记忆.因此,由于JavaScript的特性,它不能像C++和Java一样独立地编译及运行,我们需要在调试运行JavaS ...
- 新书《编写可测试的JavaScript代码 》出版,感谢支持
本书介绍 JavaScript专业开发人员必须具备的一个技能是能够编写可测试的代码.不管是创建新应用程序,还是重写遗留代码,本书都将向你展示如何为客户端和服务器编写和维护可测试的JavaScript代 ...
- 利用chrome调试JavaScript代码
看见网上很多人问怎么用chrome调试JavaScript代码,我也对这个问题抱着疑问,但是没有找到一篇能用的中文文章(可能我的google有问题),也不知道怎么点出一篇E文的,感觉作者写得不错,所以 ...
- 编写可测试的JavaScript代码
<编写可测试的JavaScript代码>基本信息作者: [美] Mark Ethan Trostler 托斯勒 著 译者: 徐涛出版社:人民邮电出版社ISBN:9787115373373上 ...
- alert一般用来调试客户端的javascript代码,以及更好的调试方法
alert一般用来调试客户端的javascript代码 调试利器--console.log 如今主流浏览器(Chrome,IE8及后续版本,FireFox,Opera等)都支持控制台功能. Chrom ...
- sublime text 内调试Javascript代码
转自:sublime内调试Javascript代码 之前用webstorm, 可以直接调试js, 在浏览器中也可以调试js,最近换了sublime text, 在想它是否支持调试js代码,于是找到了这 ...
- 如何利用好chrome控制台这个神器好好调试javascript代码
上面的文章已经大致介绍了一下console对象具体有哪些方面以及基本的应用,下面简单介绍一下如何利用好chrome控制台这个神器好好调试javascript代码(这个才是我们真正能用到实处的地方) 1 ...
- javascript代码 调试方法
你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现. 通常,如果 JavaScript 出现错误,是不会有提示信息,这样你就无法找到代码错误的位置. 在程序代码中寻找错误叫做代 ...
- JavaScript代码调试
怎么在浏览器中调试JavaScript代码呢?首先,你需要安装Google Chrome浏览器,Chrome浏览器对开发者非常友好,可以让你方便地调试JavaScript代码.安装后,随便打开一个网页 ...
随机推荐
- Redis的Set操作
集合的性质: 唯一性,无序性,确定性 注: 在string和link的命令中,可以通过range 来访问string中的某几个字符或某几个元素 但,因为集合的无序性,无法通过下标或范围来访问部分元素. ...
- MyBatis学习总结_04_解决字段名与实体类属性名不相同的冲突
一.准备演示需要使用的表和数据 CREATE TABLE orders( order_id INT PRIMARY KEY AUTO_INCREMENT, order_no VARCHAR(20), ...
- Objective-C:自定义Block函数
Block函数是一种类似于函数指针的函数,程序员只需要把需要操作的代码封装到定义的block中即可,以后需要使用时,直接调用,非常方便.... 举例如下: 第一种形式:自定义一个无返回值而且无参数的b ...
- SSIS ->> Control Flow And Data Flow
In the Control Flow, the task is the smallest unit of work, and a task requires completion (success, ...
- python实现全角半角的相互转换
缘起 在自然语言处理过程中,全角.半角的的不一致会导致信息抽取不一致,因此需要统一. 转换说明 全角半角转换说明 有规律(不含空格): 全角字符unicode编码从65281~65374 (十六进制 ...
- Partitioner
partitioner 是map中的数据映射到不同的reduce时的根据.一般情况下,partitioner会根据数据的key来把数据平均分配给不同的reduce,同时保证相同的key分发到同一个re ...
- MyBatis的foreach语句详解 list array map
foreach的主要用在构建in条件中,它可以在SQL语句中进行迭代一个集合.foreach元素的属性主要有 item,index,collection,open,separator,close.it ...
- cdev、udev
udev :应用层的守护进程,由启动脚本加载,负责建立热拨插的接点 cdev :建立字符设备接口 platform device :相关平台直接总线建立的设备,主要出现需要自己直接挂到平台的时候,因为 ...
- hibernate基础(1)
hibernate基础1.hibernate介绍与动手入门体验 问题:模型不匹配(java对象模型与数据库关系模型不匹配) 解决: 1.使用JDBC手工转换 2.使用ORM(Obje ...
- 浅谈javascript中的作用域
首先说明一下:Js中的作用域不同于其他语言的作用域,要特别注意 JS中作用域的概念: 表示变量或函数起作用的区域,指代了它们在什么样的上下文中执行,亦即上下文执行环境.Javascript的作 ...