断点调试javascrip调试技巧

断点调试javascrip调试技巧
首先,在所有浏览器中,断点调试最好的部分是Firefox。Firefox的Firebug网页不仅可以调试js脚本,而且调试Firefox扩展与先进的调试工具,如Javascript Debugger(发生了)。另外,Firefox也支持一些更先进的断点调试、变量监控功能。
在其他浏览器,Opera的调试功能,Chrome和Safari也更好。歌剧的dranfly速度比较快,界面清爽,功能强大,但不友好的Safari。相比之下,IE8的程序员的工具仅仅是无用的。

这个时间是有限的,首先要总结Firefox下的调试技术。

1。使用Firebug断点调试

它是使用Firebug调试Javascript非常方便。具体步骤:

当A.打开Firebug,脚本调试,并引用的脚本文件(或内部JS)被发现。
使用Firebug找到脚本调试(点击放大)
B.在适当位置加入断点。

如果断点被执行,页面被刷新,脚本将在断点处被中断。如果断点未被执行,页面上的操作(如单击按钮等)可以直接执行,并且代码将在断点处被中断。
断点调试Firebug(点击放大)

d.查看函数调用堆栈,查看本地变量,并执行单步执行和调试。

这真的很简单!萤火虫断点调试的优点如下:

使用带有断点的绿线号是非常直观的。

调用堆栈用两种方式显示,非常方便;

本地变量的显示非常清晰。

2。使用javascript调试器进行断点调试

这是旧的调试工具,以前被称为发生了,它可以安装在Firefox的形式在一个扩展的形式,我们叫他Venkman。它不仅可以调试页面的脚本,而且调试JS的Firefox扩展(扩展)。当我们做的Firefox扩展开发,Venkman是一个必要的工具,它是由老挝强烈推荐!当然,Firefox自身的逻辑实现了Javascript的。我们现在可以与Venkman调试Firefox本身。Firefox的核心是JS browser.js,这个路径下:
铬: / / / / browser.js浏览器内容
我们打开Venkman后,我们填写browser.js加载脚本,和JS文件将被过滤掉。如果你不知道browser.js,你可能需要检查调试->排除浏览器文件。
Venkman:选择要调试的js文件(点击放大)
我们发现,让浏览器返回的代码,然后单击浏览器后退按钮,然后Venkman将在browserback方法停止!让我们一步一步看看Firefox已经done.btw,JS代码实现Firefox是不是很漂亮。
使用Javascript Debugger断点调试Firefox(单击放大)

Venkman,当然,也有一个控制台,并使用这个控制台,我们可以看到浏览器窗口和文档,类似Firebug控制台和其他浏览器,只要输入JS代码片段直接!
使用控制台与Venkman(点击放大)

如果您感兴趣,您可以在这里找到关于Firefox开发(和扩展开发)的更多有趣的东西!

三.使用调试器在程序中添加断点

还有一种不太常见的断点连接方法,我们可以在程序中添加调试器语句,这样Firefox的调试工具就可以停留在这个语句上,代码也将暂停,这与添加断点一样:
VaR MyFunc = { {
get_field_value_callback:函数(){
调试器;
VaR ED =,=目标ed.currspan;
做更多的事情
}
}

当页面加载时,断点将停留在调试器的声明。这样,我们可以加入断点,每当我们写的代码。此外,其他浏览器(包括IE8!惊喜!)同时支持调试器语句!
上一次我们总结了调试Javascript断点在Firefox的技术,这个时间看看调试下其他浏览器。一点是,调试技术,这里不帮助浏览器之外的工具,比如Aptana,VS2008等等。如果你想找一些有关这方面的信息,我不不在这里。
其他的浏览器,Safari,Chrome,Opera为主,而IE8。除了IE8,调试功能很好。它们基本上可以搜索脚本、添加断点、查看调用堆栈、本地变量和强大的控制台。
1。使用Opera的dranfly断点调试
使用Opera dranfly断点调试
打开工具 u2013先进的开发工具,你可以看到一个萤火虫般的开发工具,称为Dranfly,即蜻蜓。你可以看看页面结构在这里,看到了网络互动,并调试断点,你可以使用命令行(控制台)调试过程。

歌剧在WindowsXP也属于A级,唯希望支持(见表格),所以我们也应该尽力支持我们的发展。此外,dranfly的DOM视图工具有一个亮点,导出当前DOM视图,我们可以做一些DOM变化在线,然后出口,你可以得到改进的HTML代码,非常方便。

2。使用Chrome和Safari进行断点调试
If you think Opera is too small, you can debug on Safari or Chrome.The debug mode and interface of the two browsers are extremely similar, so here is an example of Safari 4.Open Menu – Develop - Start Debugging Javascript to pop up a debug tool.It is worth mentioning that Safari and Chrome debug tools should not be Dock to the browser, because the debug interface is just good.

首先,找到要调试的脚本:
Javascript调试与Safari:找到脚本
设置断点,重新加载页面(或执行操作):
使用Safari进行Javascript调试:设置断点
查看右侧的本地变量和函数调用堆栈:
Javascript调试与Safari:变量视图
Safari调试工具的一个亮点是控制台和断点在同一个接口上进行调试,这使得控制台在程序中断时进行一些验证操作是很方便的。
三.IE8的断点调试功能
IE8的开发者工具,但使用极其困难,也可以调试断点,断点调试的方法与上述相同。
断点调试使用IE8的开发者工具
你可以看到,IE8似乎莫名其妙地终止JS代码识别。这样,就没有办法从74行添加断点。太神奇了,但有时我们必须与IE兼容,在IE.下调试,你做什么你可以使用文章的最后添加一个位置需要被中断,当程序运行时调试器语句,IE8将中断调试器语句。

以上内容是小编分享的Javascript调试技巧Firefox关闭电源的调试,希望大家喜欢。

tag:调试断点调试技巧电脑软件javascrip

相关内容