可进行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/

时间: 2024-08-02 19:14:18

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

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

本书介绍 JavaScript专业开发人员必须具备的一个技能是能够编写可测试的代码.不管是创建新应用程序,还是重写遗留代码,本书都将向你展示如何为客户端和服务器编写和维护可测试的JavaScript代码. 从减少代码复杂性的方法,到单元测试.代码覆盖率.调试.以及自动化,您将全面学到如何编写让你和你同事能够轻松修复和维护的JavaScript代码.测试JavaScript代码是一个复杂的过程.本书将在很大程度上帮你简化该过程. 目标读者 本书主要目标受众是那些想成为JavaScript专业开发人

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

上面的文章已经大致介绍了一下console对象具体有哪些方面以及基本的应用,下面简单介绍一下如何利用好chrome控制台这个神器好好调试javascript代码(这个才是我们真正能用到实处的地方) 1.先说一下源码定位 大家打开测试网页   看到页面右下方有一个推荐的图标吗?右击推荐图标,选择审查元素,打开谷歌控制台,如下图所示 我们现在想知道votePost方法到底在哪?跟着我这样做,在Console面板里面输入votePost然后回车 直接点击上图标红的链接,控制台将定位到Sources面板

JavaScript------>调试JavaScript代码------>使用 浏览器 中的 “开发者工具” 来调试

1.如何打开浏览器中的"开发者工具" *360安全浏览器 *方法一,打开想要调试的网页如index.html,浏览器右上角---工具----开发人员工具 *方法二,直接按快捷键F12即可打开浏览器中的开发者工具 2.使用浏览器中的"开发者工具" 2.1使用开发人员工具中的console面板 console面板概述: 该面板内可以输入JavaScript代码 按回车后,直接执行JavaScript代码 1)console.log(<变量>);//回车后显示

JavaScript代码调试

怎么在浏览器中调试JavaScript代码呢?首先,你需要安装Google Chrome浏览器,Chrome浏览器对开发者非常友好,可以让你方便地调试JavaScript代码.安装后,随便打开一个网页,然后点击菜单"查看-"更多工具"-"开发者工具",浏览器窗口就会一分为二,下方就是开发者工具: 先点击"控制台(Console)",在这个面板里可以直接输入JavaScript代码,按回车后执行.要查看一个变量的内容,在Console中输

测试CPU支持指令集AVX,AVX2,SSE情况的代码【VS2010调试通过】

完整代码如下所示 http://download.csdn.net/detail/vbskj/7723827 本人的测试结果 测试CPU支持指令集AVX,AVX2,SSE情况的代码[VS2010调试通过],布布扣,bubuko.com

如何调试Javascript代码

转自原文如何调试Javascript代码 目前,常用的浏览器IE.Chrome.Firefox都有相应的脚本调试功能.作为我们.NET 阵营,学会如何在IE中调试JS就足够了,在掌握了IE中的调试方法以后,Chrome和Firefox中的调试方法也变得相当简单了. 在F12开发人员工具中进行调试 打开IE浏览器,按下F12键,就会打开开发人员工具,这是IE内置的开发人员开发工具,方便开发人员对HTML.CSS.Javascript等网页资源进行跟踪调试使用的. 如果你打开的时候没有固定在网页底部

用 console.time()和 console.timeEnd() 测试你的 javascript 代码执行效率

无意中学习到了一种测试 javascript 代码执行效率的一种方法,就记下来便于以后使用,用到了console对象中的  time  和  timeEnd  方法 . console.time('myFirstCode');  //开始(开始的名字要和结束的名字要一致哦) //你所要执行的 javascript程序 .... console.timeEnd('myFirstCode');    //结束 在浏览器控制台 console 这个按钮,查看代码执行时间 用 console.time(

【转】node.exe调试JavaScript代码

node.exe调试JavaScript代码 目的: Console.log可以打印一些信息,光有log还不够,当程序出现问题时通过log可以定位到错误位置,但是当我们想查看错误现场的变量时,log就无能为力了,一般情况下我们不会把所有的变量都打印出来.此时就需要断点的功能了,在程序里边打上断点,直接定位到错误位置,分析错误现场确认错误原因. 三种模式: nodejs内部提供一个debug机制,可以让程序进入debug模式,供开发者一步一步分析代码发现问题. 共有3中启动参数可以让程序进入deb

9个实用的Javascript代码高亮脚本

代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候.我们可以将代码高亮,以便阅读者可以十分方便的读取代码块,增加用户阅读代码的良好体验. 目前,有很多免费而且有用的代码高亮脚本.这些脚本大多是由Javascript语言编写,也有些使用其它语言(比如java.Phyton或Ruby)等写的. 下面来推荐最受欢迎.最实用的9个Javascript代码高亮脚本. 1. SyntaxHighlighter 我相信这是最普遍代码高亮代码.它支持多