当前位置:首页 > 日记 > 正文

断点调试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关闭电源的调试,希望大家喜欢。

相关文章

PS图象处理软件介绍了从P到另一个

PS图象处理软件介绍了从P到另一个

图象处理,软件介绍,电脑软件,PS,本教程是在另一个图片的P介绍图片的PS图象处理软件,真的是很基本的教程。我建议你喜欢你的朋友一起学习。 许多人想知道和掌握P地图技巧,那么你如何从P到另一个图片让我们带你去PS图象处理软件拍照P到另一个图…

如何使图书馆Excel2007教程Excel表

如何使图书馆Excel2007教程Excel表

教程,图书馆,电脑软件,Excel,当收到货物,他们可以检查无误后送到仓库,在仓库表先填,财政和库存分析后在登记的情况下,也让库存和其他业务的基础。下面小编Excel参考生产方法供你参考,希望你能得到! 用excel制作仓库表格的方法 步骤01新工作表 在…

如何让一只鸟站在树枝上

如何让一只鸟站在树枝上

一只,站在,树枝,电脑软件,本教程是介绍一个朋友到CDR如何画一只小鸟站在树枝上。在教程中画的鸟非常可爱和困难。建议像你这样的朋友可以在本教程中学习。 今天介绍CDR如何在树枝上画鸟的站,本教程主要是利用贝塞尔曲线绘制工具画树枝,贝塞尔…

超级粉红色闹钟的AI教程

超级粉红色闹钟的AI教程

教程,粉红色,电脑软件,AI,本教程是介绍一个朋友到ai绘制一个超级强大的粉红色闹钟教程的纹理。本教程制作的闹钟非常漂亮,难度不大。建议像你这样的朋友一起学习这个教程。 人工智能的学习,大家。今天为您分享超强粉色闹钟教程AI绘画教程的…

用Javascript动态加载js文件和CSS文件

用Javascript动态加载js文件和CSS文件

文件,动态加载,电脑软件,Javascript,CSS,js动态加载CSS在多变的主题界面中非常重要。用户可以根据自己的浏览习惯选择自己喜欢的页面显示模式。下面详细地解释了以下内容。 我希望下面的方法对你有帮助。 (1)用Javascript动态加载js文件 Javascript动…

PS图象处理软件给出的公园长椅上的

PS图象处理软件给出的公园长椅上的

公园,图象,椅上,处理软件,黄色,秋季色彩较好把握,可分为两个步骤进行调整。首先使用调色工具将图片主色调加热,然后添加到深蓝色区域,高光和浅蓝色可以增加。 秋季色彩较好把握,可分为两个步骤进行调整。首先使用调色工具将图片主色调加热,然后…

图形和文本匹配:电子商务设计的布局

图形和文本匹配:电子商务设计的布局

布局,文本,图形,技术,电脑软件,今天我们带来了布局设计技巧的电商设计,这是一个很好的电子商务朋友教程。我建议你到这里来,你最喜欢的朋友可以来学习。 电子商务设计布局设计技巧简介,原作者:旧词虐心,感谢旧心共享的原心虐!让我们一起学习。 …

PowerPoint2003使全力攻击ppt2003

PowerPoint2003使全力攻击ppt2003

模板,教程,电脑软件,PPT,PPT的很多朋友只是不知道从哪里开始制作一个完整的PPT模板。今天我就借此机会与大家分享我的一些经验,希望能给那些新手朋友一些启示,慢慢从菜鸟到高手。 的PPT模板的基本操作是在PowerPoint2003: 首先,在制作PPT模板之…

QQ空间经典语录谈QQ空间

QQ空间经典语录谈QQ空间

空间,经典语录,电脑软件,QQ,一个社会就像一棵满是猴子的树,抬头仰望所有的笑脸,环顾四周的眼睛和耳朵,尤其是在单位里。 两个陌生人亲密恋人-路人,这是爱情的魔力。昨天是一个庄严的承诺,爱的人,今天会变得不重要。爱是如此无常。许多没有时间猝…

js中Unicode转码的详细解决方案

js中Unicode转码的详细解决方案

解决方案,详细,电脑软件,js,Unicode,有时当Unicode转码,我们编码转码。昨天在网上看到一个unitcode转码的方法,很好用!让我们与你分享。 javascript脚本代码转换功能: 无功gb2312unicodeconverter = { { ToUnicode:功能(STR){ 回归(STR)逃跑。ToLocaleLow…

在php7主要新特点浅谈

在php7主要新特点浅谈

浅谈,电脑软件,到目前为止,PHP官方发布了php7 RC5版,并预计在十一月发布的第一个正式版!现在php7主要特征必须千篇一律,不会有更多的变化。迭代的后续版本主要是bug修复,优化,等等。我们,我们一直在期待中的主要变化和php7。 预览新特性 Zend引擎…

经典人格签名2016经典签名

经典人格签名2016经典签名

经典,人格,电脑软件,一个页边空白和本质的区别是,在页边空白处,所以原因不对。下一步由小编辑推荐经典人格签名,希望对你有所帮助! 经典签名: 1,一个人的东西越深,你的爱就越深。 2、不要见我沉默,不要难过,但要孤独。 3、不容易遇见什么都不是,懂得…