JavaScript调试工具

澳门新葡亰网站注册 5

本文由码农网 –
小峰原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划!

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

JavaScript是一种非常简单的语言,一般说来任何人都可以在几小时内掌握它的基本知识。

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

然而就像其他任何语言一样,JavaScript存在着一些可以轻易避免的常见错误和不好的做法。开发人员喜欢使用这个脚本语言来改善用户界面,提供丰富多彩的功能,或者在网站上制作各种互动元素。

这个还可以输入css

不过,调试JavaScript对正在开发web开发人员而言可以说是一项相当痛苦又艰巨的任务。因此我们收集了一些最好的澳门新葡亰网站注册,JavaScript调试工具,希望可以帮助你调试脚本,以实现更精确的结果。诚挚地希望这些我们推荐的工具能为你带来方便,祝你编程愉快!

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

1.Json Formatter & Validator

JSON Formatter是用来协助调试的。JSON的数据输出为了节省空间,通常无需换行,所以实际阅读和理解的时候就会非常的困难。此款小工具有望通过格式化JSON数据,从而使得它能便于我们人脑的阅读和调试。

澳门新葡亰网站注册 1

官方网站:

firebug

2.Debug

Debug是一个小型的用于记录调试消息的库。由于它只对console.log周围进行封装,所以在Node和浏览器上都可以工作。它可以让你过滤日志输出而不改变你的源,同时还可以输出时间差,让你轻松知道日志信息用了多少时间。

澳门新葡亰网站注册 2

官方网站:

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

3. JS Hint

JSHint是一款社区驱动工具,用于检测JavaScript代码中的错误和潜在问题,以及强制执行团队的编码约定。它适应性非常好,能轻松适合你需要的特定的编码规则和环境。

澳门新葡亰网站注册 3

官方网站:

chrom调试工具,值得拥有。

chrome调试

chrome的调试

chrome console 命令详解

Firebug入门指南

Firebug控制台详解

chrome移动版调试

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

查看事件绑定
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″

综合浏览器开发工具

关于FireBug和Chrome的控制台

4.Grunt

Grunt是一款适合JavaScript项目的基于任务的命令行构建工具。它允许你在项目中使用下列预定义的任务:连接文件,使用JSHint验证文件,使用UglifyJS压缩文件,使用节点单元运行单元测试,等等。

澳门新葡亰网站注册 4

官方网站:

其它工具介绍

5. JS Bin

JS
Bin是一款专为协助avaScript和CSS代码的分支测试片段而设计的web应用程序,在给定环境下,调试代码进行和谐工作。
JS
Bin允许编辑和测试JavaScript和HTML。你如果觉得ok的话,还可以保存并发送URL给小伙伴进行审查或寻求帮助。

澳门新葡亰网站注册 5

官方网站:

chrome 开发者工具,打断点