来看一个简易的 Javascript 调试包：jscript.debug.js，包含两个函数，第一个用来遍历对象的各个属性；第二个是一个通用的 Debug 函数（其实 说‘对象'比较‘精确些'，呵呵），用来规定各种错误级别及其各种提示、错误信息的格式化显示，还是《Javascript 实战》上面的经典例子，先看源码： 代码如下: /** * jscript.debug package * This package contains utility functions for helping debug JavaScript. * */ /*命名空间*/ i...
但这两种方式都有它的局限性，alert会有中断，有些时候alert出来的值并不可靠，闭包的时候用alert可能会得到不正确的值。debugger使用起来其实也挺纠结的，只有ie支持。所以最合理的方式是js把运行过程需要调试的值输出到页面，或者写到cookie也可以，这种方式不会有alert中断带来值不正确的问题，也不会受浏览器类型的限制，唯一纠结的是操作起来很麻烦。 于是，有了下面说的这个js组件。这个组件的实现参考了log4net组件的记录方...
操作步骤如下： 1. javascript代码中插入：debugger，如下： debugger; 2.将IE浏览器中的“禁止脚本调试”这一项的勾给去掉。 然后在点击vs中的调试即可。JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解...
貌似在Windows平台下不支持 fs.watchfile .我又不想使用IIS NODE,所以我花了点时间写了个帮助调试的小工具. 这个工具可以做到: 监视主js文件下所有子目录相关文件的更改.有更改后重启Node进程 可以将日志输出到此工具,便于在浏览器里检视. 用法: NodeWatcher.exe main.js 所有参数: 代码如下: NodeWatcher.exe 主JS程序 [其它可选参数] 主JS程序必须指定.相当于 node 主js程序 -r :[true | false ] 当出错的时候(node进程退出)时自...
接着在各个浏览器中测试，发现Firefox/Chrome/Safari中有，IE9/Opera没有。 $ 相当于 document.getElementById $$ 相当于 document.querySelectorAll 在chrome控制台敲$,$$一目了然 这两个函数都是浏览器调试工具自带的。
由于种种原因，例如：代码逻辑复杂、时间久了遗忘处理细节、或者根本就是接手修改别人遗留的bug，在这种情况下，debug就会变成一件头疼的事情。 在此分享一些JS调试方面的技巧，针对各种疑难杂症，往往能起到较好的效果。 Step 1：检查服务器直接render出来的内容 使用查看源文件的方式，这一步首先明确，页面HTML片段是否在服务器端就已经不正常了。 Step 2：比较实际的HTML内容和服务器render出来的原始内容之间的差异 ...
问题的产生 在写JS的过程中，为了调试我们常常会写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS的运行情况，但发布时又因为IE不支持console，又要去掉这些代码，一不小心就会出错。 本文分享自己昨晚写的一个console类来试图解决这一问题。当然，更好的做法是把测试代码分开写，那样就不会有这个问题。 解决思路 如何解决IE下不兼容的问题呢，那就是我们自己定义一个cons...
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()用法 代码如下: ja...
目前，常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能。作为我们.NET 阵营，学会如何在IE中调试JS就足够了，在掌握了IE中的调试方法以后，Chrome和Firefox中的调试方法也变得相当简单了。在F12开发人员工具中进行调试 打开IE浏览器，按下F12键，就会打开开发人员工具，这是IE内置的开发人员开发工具，方便开发人员对HTML、CSS、Javascript等网页资源进行跟踪调试使用的。如果你打开的时候没有固定在网页底部，可以点击右...
调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具，希望大家喜欢！Online Debugging Tools1.PastebinPastebin是一个协作式的调试工具，帮助你在IRC，IM或者消息版上对话来分享和修改代码片段2.JSON Formatter and ValidatorJSON格式化工具用来帮助打来调试JSON。因为JSON数据格式经常没有换行，可能非常难于阅读。这个工具可以...
Sublime Text 是一款非常优秀的跨平台编辑器，拥有漂亮的用户界面和强大的功能，例如代码缩略图，多重选择，快捷命令等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ，Goto 功能，即时项目切换，多选择，多窗口等等。另外，Sublime Text 插件众多，通过包管理工具可以方便安装和管理。本文介绍的 Sublime Web Inspector 便是众多插件中一款非常出色的开发辅助插件，可以帮助...
代码如下: //用于在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"); 调试示例 代码如下: Insert title here function metho...
安装就不用说了，很简单，在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, use the ...
近期在做一个项目，会遇到在子页面中提交的时候会无法能够调试javascript代码的情况出现，有时候这种问题，我们无法正常在浏览器，看到我们子页面的javascript代码，所以只能够用原始的alert 或者 console.log()，当然，这也是一种解决方法，但是有时候，我们就想看一下程序到底是如何运行的，同时也可以看每个参数到底是什么值，所以意义还是比较大的。 我贴张图，大家就大概了解是什么时候会出现这个问题了。 代码如下: functi...
1. debugger; 我以前也说过，你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。需要带有条件的断点吗？你只需要用if语句包围它：代码如下:if (somethingHappens) {debugger; } 但要记住在程序发布前删掉它们。2. 设置在DOM node发生变化时触发断点 有时候你会发现DOM不受你的控制，自己会发生一些奇怪的变化，让你很难找出问题的根源。 谷歌浏览器的开发工具里有一个超级好用的功能，专门可以对付这种情况，叫...