JavaScript是一种非常简单的语言，一般说来任何人都可以在几小时内掌握它的基本知识。 然而就像其他任何语言一样，JavaScript存在着一些可以轻易避免的常见错误和不好的做法。开发人员喜欢使用这个脚本语言来改善用户界面，提供丰富多彩的功能，或者在网站上制作各种互动元素。 不过，调试JavaScript对正在开发web开发人员而言可以说是一项相当痛苦又艰巨的任务。因此我们收集了一些最好的JavaScript调试工具，希望可以帮助你...
基本每天都在使用chrome进行调试，所以这篇文章很有用。原文：http://www.cnblogs.com/Dn9x/p/3578291.html
前端工程师都知道 JavaScript 有基本的异常处理能力。我们可以 throw new Error()，浏览器也会在我们调用 API 出错时抛出异常。但估计绝大多数前端工程师都没考虑过收集这些异常信息反正只要 JavaScript 出错后刷新不复现，那用户就可以通过刷新解决问题，浏览器不会崩溃，当没有发生过好了。这种假设在 Single Page App 流行之前还是成立的。现在的 Single Page App 运行一段时间后状态复杂无比，用户可能进行了若干输入操作才来到...
对于初学的人来说，代码效果和预期的不符合，是一件很心累的事情，因为不知道如何检查。 找别人，不认识，不知道找谁，身边有没有认识的人学前端，非常痛苦，如果学前端有什么痛苦的，那么这就算一个。记得以前，自己还是一个刚开始写的新手，学着视频写代码，然后，结束之后，一测试，发现出错，怎么办，心累，只能自己回去定格画面，一行一行排错，还好人家有代码显示着，不然，真不知道怎么办。 直到很后来，经历了那么多的错误...
在JXA代码中加入如下代码后，可使用 Safari Web Inspector 调试：//debugger;使用 Safari Web Inspector 查看 Array 或 Object 并不比交互命令行清晰。可以使用以下命令进行交互调试：osascript -l JavaScript -iJavaScript for OS X Automation 控制 Mac OS UIElements 自动化操作时，没有可视化的控件树，寻找控件不一定方便，可使用如下命令即可得到控件树数组，此时建议复制粘贴到文本编辑器中查看。UIElements 的属性方法可以...
之前JSB调试的方式，很多公司都是用Html5来做的，或者直接打log。这几者的优劣性，我们在第17篇中分析过。3.15大会放出了Cocos的官方IDE——CocosCode。这个IDE使用eclipse定制，使用了V8的调试插件，可以用来调试JSB。CocosCode（Mac版）下载地址：http://cocostudio.download.appget.cn/cocos-code-ide/1.0-alpha/cocos-code-mac64-1.0.0-alpha.zip支持IDE的修改版Cocos2d JS 3.0 alpha引擎http://cocostudio.download.appget.cn...
说了一些 Chrome 开发者工具的技巧，其实并没有涉及到开发者工具最核心的功能之一：断点调试。断点可以让程序运行到某一行的时候，把程序的整个运行状态进行冻结。你可以清晰地看到到这一行的所有的作用域变量、函数参数、函数调用堆栈。你可以看到数据是怎么在程序当中流动的，你还可以修改、把玩它们。断点调试让你真正了解一个程序的运作流程。听听亚洲舞王，著名 Web 前端工程师尼古拉斯·赵四是怎么说的：“断点调试是检验一个...
Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象，提供5种方法，用来显示信息。最简单的方法是conso...
页面调试常用的调试方法开发时候的调试基本是在chrome的控制台Emulation完成现有的一些手机端调试方案：Remote debugging with Opera Dragonfly 需要wifi网络，下载最新的桌面版的opera,下载手机端的opera,通过桌面版的opera进行远程调试。Using Firebug on mobile Firebug lite可以用在任何能运行js的浏览器上， 在页面中引入firebug-lite.js即可https://getfirebug.com/firebug-lite.jsRemote Javascript debugging with JS cons...
Node调试之道-----JSHint Node的优势我就不再乱吹捧了，它让javascript统一web的前后台成为了可能。但是对于新手来说，server端的JS代码可能不像client端的代码那么好调试，直观。client端JS代码的调试基本上经历了一个从“肉眼--alert()--firebug(或者其它的developer tools)”的一个过程。而对于server端的调试，可能新手仍然停留在使用“肉眼--console()”的阶段。其实，Node经过了这么多年（虽然才短短几年）的发展，也有了...
Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显...
怎样打开Chrome的开发者工具？ 你可以直接在页面上点击右键，然后选择审查元素： 或者在Chrome的工具中找到： 或者，你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。 打开的开发者工具就长下面的样子： 不过我一般习惯与点左下角的那个按钮，将开发者工具弹出作为一个独立的窗口： 下面来分别说下每个Tab的作用。Elements标签页 这个就是查看、编辑页面上的元素，包括HTML和CSS： 左侧就...
今天，发现了一个之前从未注意的角落，相信能够大大提高自己写JS的速度。能够迅速发现错误。 例如，今天的加班中调试一个js错误发现的一个例子。 1、Google浏览器报的错 以上是google浏览器报的错误，只报一个错误文件，相信是什么地方由null调用了length属性导致的。由于这是一个已经维护了几年的系统，人来人往，不知道经历了几个人之手。而且业务逻辑极其复杂，js文件都上千行。要一个length一个length的排除，显然是不...
在学习nodejs中，碰到一个程序员都会遇到的问题，就是，我想debug我的代码，我想关注我的代码。node它自己就提供了这个方法，很给力的。记录下用法，供以后使用。官网上说的是：650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111113850920.jpg" title="QQ截图20151202211821.png" />这里解释的就足够了，当程序走到debugger这行就会停住。看看我自己的例子：我的node项目名入口是app.js，然后我启动node的...
经常遇到的两种情况是：1.很多别人写的项目，出现了问题以后，自己解决不了，找我们解决。2.仿站，是扒下来的代码，扒完以后，没法正常运行。这时候，就是考验功力和耐心的时候了。 如何排查，有四点要说：一：注释JS最好的方法，永远的第一个想法，就是注释掉JS。注释掉一些js文件，再运行，一个个排查，最终能定位到冲突位置。二：通过元素，找到控制它的JS文件这也很重要比如，下图，我选择了所示的元素，找到右边的Styles，再找...