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,再找...