1. debugger; 我以前也说过，你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。需要带有条件的断点吗？你只需要用if语句包围它：代码如下:if (somethingHappens) { debugger; } 但要记住在程序发布前删掉它们。2. 设置在DOM node发生变化时触发断点 有时候你会发现DOM不受你的控制，自己会发生一些奇怪的变化，让你很难找出问题的根源。 谷歌浏览器的开发工具里有一个超级好用的功能，专门可以对付这种情况，...
有几个巨头公司,即Facebook和Netflix,决定禁止用户在控制台(console)执行JavaScript命令。 最初这是 由Facebook开始的 ,用于防止恶意用户通过JavaScript控制台执行特定的命令散播消息(发送给所有Facebook用户大量垃圾信息)。 当然这受到很多指责,但在我参与之前, 他们使用的代码 如下所示: 代码如下:// 看起来 Netflix 似乎是唯 Facebook 马首是瞻 [https://news.ycombinator.com/item?id=7222129]. (function() { try { var $_co...
近期在做一个项目，会遇到在子页面中提交的时候会无法能够调试javascript代码的情况出现，有时候这种问题，我们无法正常在浏览器，看到我们子页面的javascript代码，所以只能够用原始的alert 或者 console.log()，当然，这也是一种解决方法，但是有时候，我们就想看一下程序到底是如何运行的，同时也可以看每个参数到底是什么值，所以意义还是比较大的。 我贴张图，大家就大概了解是什么时候会出现这个问题了。 代码如下:<script>...
安装就不用说了，很简单，在FireFox上插件库里找到FireBug就Ok了。下图是FireBug Debug 窗口。 FireBug美工用的非常普遍，公司美工妹妹用的非常熟练 呵呵，而对于我们开发人员，主要用它来Debug JS。看看官方对Debug功能的介绍。 Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and see what each variable looked like at that moment. If your code is a little sluggish, us...
代码如下:<script type="text/javascript"> //用于在friefox中调试 用console.log("hello"); /** function test(name) { console.log(name); } test("hello world");**/ //调试的技巧 function showLog(message) { console.log(message); console.info(message); console.warn(message); console.error(message); console.debug(message); } function test(name) { showLog(name); } test("hello"); </script> 调试示例 代码如下...
昨天在写一个很简单的html页面加上一些基本的javascript脚本时，发现脚本怎么都无法运行，花了1个多小时折腾才发现错误在哪里。简单给出如下类似代码，看看你能找到问题在那里么？ 仔细看后发现了么。原来是有个分号是在中文模式下输入的，而在notepad里面两种分号区别并不是很明显，尤其是当代码长时更难找到。如果你说那不开中文输入法不就完了么，可是如果上图中的两处alert都需要你提示的是中文而非英文，这就难免需要在中英文...
Sublime Text 是一款非常优秀的跨平台编辑器，拥有漂亮的用户界面和强大的功能，例如代码缩略图，多重选择，快捷命令等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ，Goto 功能，即时项目切换，多选择，多窗口等等。另外，Sublime Text 插件众多，通过包管理工具可以方便安装和管理。本文介绍的 Sublime Web Inspector 便是众多插件中一款非常出色的开发辅助插件，可以帮助...
调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具，希望大家喜欢！Online Debugging Tools1.PastebinPastebin是一个协作式的调试工具，帮助你在IRC，IM或者消息版上对话来分享和修改代码片段2.JSON Formatter and ValidatorJSON格式化工具用来帮助打来调试JSON。因为JSON数据格式经常没有换行，可能非常难于阅读。这个工具可以...
目前，常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能。作为我们.NET 阵营，学会如何在IE中调试JS就足够了，在掌握了IE中的调试方法以后，Chrome和Firefox中的调试方法也变得相当简单了。 JavaScript debugger 语句 开启 debugger ，代码在执行到第三行前终止。 var x = 15 * 5; debugger; document.getElementbyId("demo").innerHTML = x;定义和用法 debugger 语句用于停止执行 JavaScript，并调用 (如果可用) 调试函数。...
console.log(); 当你使用console.log()函数时，下面的firebug一定要打开，不然这函数在用firefox运行时无效且影响正常程序，如果用IE打开，将会出错。 第一个参数可以是一个包含格式化占位符输出的字符串，例如： console.log("The %s jumped over %d tall buildings", animal, count); 格式化字符串 类型 %s 字符串 %d, 整型 %i (暂不支持数字型） %f 浮点型 （暂不支持数字型） %o 链接对象 console.log()用法 代码如下:<!DOCTY...
问题的产生 在写JS的过程中，为了调试我们常常会写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS的运行情况，但发布时又因为IE不支持console，又要去掉这些代码，一不小心就会出错。 本文分享自己昨晚写的一个console类来试图解决这一问题。当然，更好的做法是把测试代码分开写，那样就不会有这个问题。 解决思路 如何解决IE下不兼容的问题呢，那就是我们自己定义一个cons...
由于种种原因，例如：代码逻辑复杂、时间久了遗忘处理细节、或者根本就是接手修改别人遗留的bug，在这种情况下，debug就会变成一件头疼的事情。 在此分享一些JS调试方面的技巧，针对各种疑难杂症，往往能起到较好的效果。 Step 1：检查服务器直接render出来的内容 使用查看源文件的方式，这一步首先明确，页面HTML片段是否在服务器端就已经不正常了。 Step 2：比较实际的HTML内容和服务器render出来的原始内容之间的差异 ...
貌似在Windows平台下不支持 fs.watchfile .我又不想使用IIS NODE,所以我花了点时间写了个帮助调试的小工具. 这个工具可以做到: 监视主js文件下所有子目录相关文件的更改.有更改后重启Node进程 可以将日志输出到此工具,便于在浏览器里检视. 用法: NodeWatcher.exe main.js 所有参数: 代码如下:NodeWatcher.exe 主JS程序 [其它可选参数] 主JS程序必须指定.相当于 node 主js程序 -r :[true | false ] 当出错的时候(node进程退出)时自...
第十四章 错误处理与调试 1.开启浏览器错误报告 1.1 Internet Explorer □Toos → Internet Option → Anvanced → Display a notification about every script error 1.2 Firefox □Tools → Error Console (Firebug) 1.3 Safari □Edit → Preferences → Advanced → Show develop menu in menubar/Develop → Show Error Console 1.4 Opera □Tools → Advanced → Error Console 1.5 Chrome □Control this page → Developer...
具体步骤： a. 打开Firebug后，启用“脚本”调试，找到引用的脚本文件（或者行内js）；b. 在适当的位置加入断点； c. 如果断点已经执行过，则刷新页面，这时脚本就会在断点处中断。如果断点没有执行过，那可以直接执行页面上的动作（例如点击按钮等），然后代码会在断点处中断；d. 观察函数调用栈，观察local变量，也可以进行单步执行，进行调试。 确实非常简单！用Firebug断点调试的优点总结如下：能加断点的行用绿色行号，非常直...