想写一个js但是不知道写得对不对? 立刻在线测试看看结果就知道了!


​​http://jsbin.com​​

这个功能比较简单, 左边输入js, 右边输入html, 点击Render就可以看到效果了


​​http://jsfiddle.net/​​

这个还可以输入css


另外, 两个工具都支持"加载"常用的js库, 比如jquery等

firebug

vs2012 , 调试JS很过瘾，VS的JS-lint工具还能查看JS错误，比如少了一个括号或者分号什么的。很给力。

chrom调试工具，值得拥有。

http://ued.taobao.org/blog/?p=5534

chrome的调试

https://developers.google.com/chrome-developer-tools/docs/commandline-api

chrome console 命令详解

http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html

Firebug入门指南

http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html

Firebug控制台详解

https://developers.google.com/chrome-developer-tools/docs/mobile-emulation

chrome移动版调试

http://blog.jobbole.com/31178/

用Chrome开发者工具做JavaScript性能分析

http://blog.moocss.com/code-snippets/mobile-web-code-snippets/1384.html

查看事件绑定

chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"

http://jinlong.github.io/blog/2013/08/29/devtoolsecrets/

综合浏览器开发工具

http://ccforward.net/2013/02/firebug_console.html

关于FireBug和Chrome的控制台


其它工具介绍

​

chrome 开发者工具，打断点

 

 

10个基于浏览器的JavaScript调试工具分享


调试Javascript可能是web开发中最让人郁闷的事情,这里是10款我们精选的基于浏览器的JS在线调试工具,感兴趣的朋友可以参考下，或许对你有所帮助


调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具，希望大家喜欢！Online Debugging Tools


​​1.Pastebin​​Pastebin是一个协作式的调试工具，帮助你在IRC，IM或者消息版上对话来分享和修改代码片段JavaScript调试工具_javascript


​​2.JSON Formatter and Validator​​JSON格式化工具用来帮助打来调试JSON。因为JSON数据格式经常没有换行，可能非常难于阅读。这个工具可以帮助你解决这个问题JavaScript调试工具_html_02 


​​3.JS Bin – Collaborative JavaScript Debugging​​这个工具类似于​​jsfiddle​​，可以帮助大家来在线分享和协作调试JS和CSS代码片段，   你不需要关注上下文。它允许你编辑和测试JS和HTML。JavaScript调试工具_chrome_03 

Browser-based Debugging Tools


​​4.Blackbird JavaScript Debug Helper​​alert()可能是大家使用比较多的调试手段。blackbird提供了一个样式化的console来帮助大家记录，查看和过滤js信息，很大程度帮助开发人员避免处理程序的时候被alert中止，使得分析更加流畅JavaScript调试工具_ide_04 


​​5.JavaScript Shell​​JS和DOM的命令行界面JavaScript调试工具_chrome_05 


​​6.JSDT – JavaScript Debug Toolkit​​JSDT是一个可以在IE，FF，Safari，Chrome，Opera，Mobile IE中用来debug javascript的工具。能在所有支持AJAX的浏览器中使用JavaScript调试工具_chrome_06 


​​7.CJS – Companion.JS JavaScript Debugger​​一个IE上Javascript的debugger。详细报告JS错误，并且拥有类似firebug的console API特性JavaScript调试工具_chrome_07 


​​8.DebugBar – IE Extension for Web Developers​​​​以前文章​​中有介绍过这个工具，可以帮助你查看DOM tree并且修改标签属性和CSS属性，很方便的来查看及其debug JS方法JavaScript调试工具_javascript_08 


​​9.Opera Dragonfly​​一个Opera browser的跨设备及其平台的debugging环境 ，检查和编辑CSS和DOM，并且可以查看相关错误JavaScript调试工具_调试工具_09 


​​10.Venkman JavaScript Debugger​​Venkman是Mozilla的JS debugger代码名字 。主要为基于Mozilla的浏览器提供强大的JS调试环境JavaScript调试工具_ide_10

 



​​JavaScript调试工具列举​​



 JavaScript代码看起来总是要比Java、C#乱的多，可能是自己还不熟悉JavaScript编程，因此一款优秀的JavaScript调试器就显得格外重要。目前在网络和书上见到最多的有：

第一个：Microsoft Script Debugger: 集成在IE中的一款很原始的调试工具，具备基本的调试功能，除了可以用于调试客户端脚本，还能调试在Microsoft IIS上运行的服务器端脚本。该工具命令窗口是基于文本的，针对VBScript和IE环境进行调试会更加适用。

第二个：Firefox JavaScript Console:可以记录JavaScript中出现的所有警告和错误，诊断出大多数错误。工具比较简单实用。

第三个：Venkman: 一个基于Mozilla的浏览器的JavaScript调试环境，是Mozilla浏览器的一个扩展。Venkman基于Mozilla JavaScript调试API（js/jsd），js/jsd API 构成了 Netscape JavaScript Debugger 1.1的基础，Netscape浏览器4.x系统都提供了这个调试工具。Venkman是目前比较流行的JavaScript调试工具。强烈推荐这个，虽然在高版本的firefox下不能使用，但是依然不能掩盖她的光彩。Venkman相关下载：




另外有一些JavaScript专用IDE，有兴趣可以试用一下：