赶紧总结一下javascript的调试技巧,这次首先是“快速定位”篇。
快速定位,其实就是快速定位程序的错误,所以也算是调试。这个在实际的码代码时往往比较实用。大多数情况下,你的js代码不多(少于1000行),只要能迅速发现代码的错误,往往不用复杂的调试。关于常用的快速定位方法,我总结了一下几点,欢迎大家补充。
1. 使用alert
alert其实比较实用。本地调试中,在合适的位置写alert,打出来一些变量,虽然比较土,但是往往事半功倍!另外有一个alert技巧,想看看一个对象中的属性和它的值吗,试试这个:
var str = "", i;
for (i in obj) {
str += i + ": " +obj[i] + "\n";
}
alert(str);
javascript: alert(document.getelementsbytagname("a").length);
javascript: deletefirstchildnode();
(1? location.tostring
chrome错误控制台
ie8错误查看器
opera错误控制台
查看js对象
查看dom对象
在runtime执行脚本
2. 使用地址栏
使用地址栏,输入javascript: dosomething(),可以在runtime时输出或者执行一些代码。输出东西时也使用alert,例如在地址栏输入:
可以输入当前的document下的链接数量。如果想执行已经加载的自定义函数,可以输入例如:
3. 错误查看器
最快捷的错误查看器当属firefox的错误控制台,快捷键ctrl+shift+j。在你觉得脚本执行不正常时,首先按一下这个快捷键,往往能立刻知道哪里出了问题,并且点一下就能到问题脚本所在的位置,非常方便,强烈推荐!
4. 用浏览器的扩展或插件查看错误
这个话题比较大,一时说不完,所以先说说用扩展或插件来查看错误。对我来讲,firebug一般就够用了,比较常见,就不截图了。启用firebug控制台后,如果页面上js脚本错误,就会立刻在右下角显示出来,点击可以查看错误。有一点需注意,我的firebug有时会报这个带乱码的错误:
我一直不清楚这个为什么会乱码,但我知道这个是跨域的错误,比较常见。 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20120604/27953.html
javascript 调试: javascript调试技巧之:快速定位
时间: 2024-10-14 17:29:27
javascript 调试: javascript调试技巧之:快速定位的相关文章
使用Chrome调试JavaScript的断点设置和调试技巧_javascript技巧
你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其中的 JavaScript断点设置和调试功能,也就是其中的 Sources Panel(以前叫 Scripts).如果你精通 Eclipse 中的各
.NET程序调试技巧(一):快速定位异常的一些方法
这篇文章主要介绍了.NET程序调试技巧(一):快速定位异常的一些方法,本文讲解了定位本机异常.在客户环境定位.net程序异常两方面的内容,需要的朋友可以参考下 作为一个程序员,解BUG是我们工作中常做的工作,甚至可以说解决问题能力是一个人工作能力的重要体现.因为这体现了一个程序员的技术水平.技术深度.经验等等. 那么在我们解决BUG的过程中,定位问题是非常重要的.有句话叫"发现问题是解决问题的一半. 本文讲述就快速定位异常(专指.NET程序异常)的方法.包括在本机定位异常,在客户环境定位.n
chrome调试javascript详解_javascript技巧
一.Console API Console.assert() 判断第一个参数是否为真,false的话抛出异常并且在console输出相应信息. Console.count() 以参数为标识记录调用的次数,调用时在console打印标识以及调用次数. Console.debug() console.log方法的别称,使用方法可以参考Console.log() Console.dir() 打印一条以三角形符号开头的语句,可以点击三角展开查看对象的属性. Console.error() 打印一条错误信
教你如何使用firebug调试功能了解javascript闭包和this_javascript技巧
对于跟我一样,自学javascript且没有其他语言学习经验的人来说,一开始的时候,javascript的调试也是一个比较大的难点,很多基础的东西都需要自己去摸索,这个过程是非常苦闷的. 想着趁机会将上面那篇闭包博文的配图用firebug再来演示一遍,也算是一点调试经验分享. 示例代码如下: 复制代码 代码如下: function fn(){ var max = 10; return function bar(x){ if (x > max) { console.log(x);
.NET程序调试技巧(一):快速定位异常的一些方法_实用技巧
作为一个程序员,解BUG是我们工作中常做的工作,甚至可以说解决问题能力是一个人工作能力的重要体现.因为这体现了一个程序员的技术水平.技术深度.经验等等. 那么在我们解决BUG的过程中,定位问题是非常重要的.有句话叫"发现问题是解决问题的一半. 本文讲述就快速定位异常(专指.NET程序异常)的方法.包括在本机定位异常,在客户环境定位.net程序异常,在客户环境定位SilverLight异常. 一:定位本机异常 在我们本机定位异常很容易.假设我们都是使用的的VisualStudio,那么只需要在调试
Chrome 控制台 如何调试javascript
上面的文章已经大致介绍了一下console对象具体有哪些方面以及基本的应用,下面简单介绍一下如何利用好chrome控制台这个神器好好调试javascript代码(这个才是我们真正能用到实处的地方) 1.先说一下源码定位 大家打开测试网页 看到页面右下方有一个推荐的图标吗?右击推荐图标,选择审查元素,打开谷歌控制台,如下图所示 我们现在想知道votePost方法到底在哪?跟着我这样做,在Console面板里面输入votePost然后回车 直接点击上图标红的链接,控制台将定位到Sources面板
使用firebug进行调试javascript的示例
调试javascript的方法有很多,在本文为大家介绍下使用firebug是如何做到的,感兴趣的朋友可以参考下 代码如下: <script type="text/javascript"> //用于在friefox中调试 用console.log("hello"); /** function test(name) { console.log(name); } test("hello world");**/ //调试的技
如何调试Javascript代码
目前,常用的浏览器IE.Chrome.Firefox都有相应的脚本调试功能.作为我们.NET 阵营,学会如何在IE中调试JS就足够了,在掌握了IE中的调试方法以后,Chrome和Firefox中的调试方法也变得相当简单了. 在F12开发人员工具中进行调试 打开IE浏览器,按下F12键,就会打开开发人员工具,这是IE内置的开发人员开发工具,方便开发人员对HTML.CSS.Javascript等网页资源进行跟踪调试使用的. 如果你打开的时候没有固定在网页底部,可以点击右上角菜单栏中的按钮来完成. 我
调试javascript的好方法
javascript 调试javascript的好方法 1.从微软网站下载MS Script Debugger并安装,这是下载地址:http://download.microsoft.com/download/winscript56/install/1.0a/NT45XP/EN-US/scd10en.exe 2.修改IE的设置:IE的选项-->高级,有两个选项默认是钩选的:Disable Script Debugging(Internet Explorer)Disable Script Debu