`

调试JavaScript脚本程序(Firefox篇)

阅读更多

试Firefox里面的脚本需要安装一个插件Venkman:
1.       启动Firefox,浏览页面
https://addons.mozilla.org/en-US/firefox/addon/javascript-debugger/
2.       点击“Add to firefox”,重启Firefox就可以使用了。

<html> <head> <script type="text/javascript" src="http://jontan0121.blog.163.com/blog/test.js"></script> <script language="javascript"> function SamePageMethod() { var i = 2 * 4; alert(i); } </script> </head> <body> <input type="button" value="click function in same page" onclick="SamePageMethod();" > <input type="button" value="click function in js file" onclick="JsFileMethod();" > </body> </html>

function JsFileMethod() { var i = 2 * 4; alert("JSFileMethod: " + i); }
 
Firefox脚本调试基础
先简单地介绍一下如何在Venkman里面设置断点和查看变量的值。
1.       启动Firefox,运行网页到test.html。
2.       点击Firefox菜单里面的“工具(Tools)”—“JavaScript调试器(JavaScript Debugger)”启动Venkman。
         或者 在Firefox的地址栏里面输入:“x-jsd:debugger”(是不是有点象IE 8.0里面的脚本调试器启动的方式?)
3.       下面的窗口就是Venkman的启动画面:



 a.       在“Loaded Scripts(已加载的脚本)”窗口里面会显示当前网页里面已经加载的脚本程序,和解析出来的函数列表。

或者,你可以在“Open Windows(已打开的窗口)”窗口里面,选择网页列表,然后通过点击网页名称查看各个网页引用到的脚本。

b.      双击一个脚本文件或者函数名以后,在“source code(源代码)”窗口里面就会显示相应的代码。需要注意的是最左边的那一列,如果上面有“--”标志,说明你可以在上面设置断点,否则的话,就设置不 了断点(当然啦,上面的图片的确有一点怪啦……)。

c.       如果你不知道网页下一行要执行什么代码,那么就直接点击“Stop(停止)”按钮就可以了。
                                    i.      如果Firefox正在执行一个脚本程序,那么它会中断这个脚本程序的执行;

                                  ii.      否则,Firefox会在执行下一条脚本程序的之前停止程序的执行。如果是这种情况,那么“Stop(停止)”看起来会是下面这样:

4.       设置断点很简单,就是在“source code(源代码)”窗口有“--”标志的代码行里面点一下就可以了。代码中断以后,你就可以查看一些变量的值了。例如“Local Variables(局部变量)”窗口显示了所有局部变量的信息,而“Watches(监视)”窗口可以输入和跟踪一些表达式的值(当然也包括变量的 值)。如下图所示:




5.       而“Interactive Session(交互调试窗口)”提供的功能就更强大了,你可以直接输入一些JavaScript表达式,Venkman会显示计算结果:

分享到:
评论

相关推荐

    JavaScript调试(Firefox) 手册

    通过以上步骤和技巧,你可以有效地使用Firefox的Venkman调试JavaScript代码,解决网页交互中的各种问题。记住,熟练掌握调试工具是每个优秀Web开发者必备的技能,它能让你更高效地定位和修复代码中的bug,提升开发...

    Javascript脚本程序调试器、正则表达式练习器

    在本文中,我们将深入探讨JavaScript脚本程序调试器的使用以及如何通过实践来提升正则表达式技能。 首先,让我们谈谈JavaScript脚本程序调试器。调试器是开发者的好朋友,它帮助我们找出代码中的错误,理解程序执行...

    ASP.NET 3.5 JavaScript脚本调试方法

    为了能够在浏览器中调试JavaScript脚本,我们需要先对IE浏览器进行一些基本设置。具体步骤如下: 1. 打开IE浏览器,选择“工具”&gt;“Internet选项”&gt;“高级”。 2. 在“高级”选项卡中,滚动至“浏览”类别下,取消...

    javascript 调试工具/教程,支持浏览器IE firefox

    然而,当遇到错误或需要优化代码时,调试JavaScript变得至关重要。以下是对标题和描述中涉及的知识点的详细说明,以及如何在IE和Firefox中进行JavaScript调试。 **一、JavaScript调试的重要性** JavaScript调试是...

    javascript脚本调试工具

    JavaScript脚本调试是Web开发中的重要环节,它帮助开发者定位并修复代码中的错误,提高程序的稳定性和用户体验。本文将详细介绍使用MSScriptControl微软脚本控件进行JavaScript调试的方法和技巧。 MSScriptControl...

    在asp.net调试javascript代码主要有以下方法

    在ASP.NET环境中,调试JavaScript代码对于开发者来说是至关重要的,因为JavaScript主要负责处理客户端的交互逻辑。以下是在ASP.NET中调试JavaScript代码的一些主要方法: **方法一:利用debugger关键字设置断点** ...

    FireFox如何调试ajax

    首先,我们需要在Firefox上安装一个名为"Firefox Developer Tools"的内置调试套件,这个工具集在Firefox 2.0.0.20及更高版本中是默认提供的。在较早的版本中,它可能需要手动启用或升级。开发者工具提供了多种功能,...

    好好的火狐插件可以调试JavaScript

    这篇内容将详细介绍如何使用火狐插件来调试JavaScript,以及这一功能的重要性。 JavaScript是一种解释型的编程语言,广泛应用于网页动态效果、用户交互和服务器端编程。在开发过程中,调试JavaScript代码是必不可少...

    js 脚本调试工具-支持ie firefox等多种浏览器

    "js 脚本调试工具-支持ie firefox等多种浏览器" 提供了一个强大的解决方案,让开发者能够在多种浏览器环境下高效地进行JS代码的调试工作。这里我们将深入探讨JavaScript调试工具的重要性、如何在IE和Firefox中进行...

    IE和firefox调试插件

    调试JavaScript是网页开发中的重要环节,无论是在IE还是Firefox中,这些插件都提供了强大的JS调试功能。你可以设置断点,查看变量值,跟踪调用栈,这极大地提高了调试效率。对于CSS和HTML,开发者可以直接在页面上...

    FireFox Chrome IE浏览器调试JavaScript

    ### FireFox Chrome IE浏览器调试JavaScript #### 一、Firebug简介 Firebug是一款专为Firefox浏览器设计的强大开发插件,自推出以来便受到广大Web开发者的喜爱与推崇。随着Web技术的发展,对Web开发人员的要求...

    Firefox调试方法

    【Firefox调试方法】这篇文章主要介绍了Firefox的一个重要插件——Firebug,它是一个强大的Web开发和测试工具,尤其在JavaScript调试方面具有显著优势。Firebug集成了HTML查看与编辑、CSS控制台、JavaScript控制台和...

    Firefox调试工具

    Firefox Developer Tools是一套集成在Firefox浏览器中的开发人员工具,用于调试、分析和优化Web应用程序。它包含多个模块,如Element Inspector、Console、Network、Sources、Performance、Accessibility等,为...

    IE中调试javascript

    由于IE本身缺乏像Firefox那样丰富的开发者工具和插件支持,这使得开发者往往需要采用一些更为繁琐的方式来调试代码,例如通过频繁添加`alert`语句来检查变量值或执行路径。这种方式不仅效率低下,还可能引入新的问题...

    FireFox调试工具:FireBug加对应版本FireFox

    标题中的“FireFox调试工具:FireBug加对应版本FireFox”指的是Firefox浏览器的一款强大的开发者工具——FireBug,以及它与特定版本Firefox的搭配使用。FireBug是早期Web开发人员广泛使用的浏览器扩展,它提供了对...

    调试JS的方法;PDF的

    #### 三、使用Firefox Venkman调试JavaScript 对于Firefox用户,可以利用Venkman插件进行JavaScript调试: 1. **安装Venkman**: - 下载并安装Venkman插件:[http://www.hacksrus.com/~ginda/venkman/]...

    JS调试器,IE及Firefox下的调试工具

    FDT提供了一个专门的"Debugger"面板,可以让你轻松地调试JavaScript代码。与IE类似,你同样可以在代码中插入`debugger;`来触发调试。打开FDT的方式有很多,比如按F12,或右键点击页面元素选择"检查元素"。在...

    js调试工具,javascript调试工具

    2. Firefox Developer Tools:火狐浏览器的调试工具也具有类似的特性,其Debugger面板允许你暂停脚本执行、查看和修改变量、分析堆栈跟踪等。 3. Microsoft Edge DevTools:微软的浏览器同样提供了一套全面的开发...

    javaScript脚本调试

    JavaScript脚本调试是每个前端开发者必须掌握的基本技能之一。在编写JavaScript代码时,错误和异常是常见的挑战,尤其是在处理复杂的项目或与多个库和API交互时。为了提高开发效率,理解并熟练运用调试技巧至关重要...

    Firefox 火狐浏览器24.0下载安装

    《Firefox 火狐浏览器24.0:深入解析与安装指南》 Firefox 火狐浏览器是一款由Mozilla基金会开发的开源网络浏览器,以其高度定制化、安全性以及对Web标准的良好支持而广受用户喜爱。在本文中,我们将详细探讨Fire...

Global site tag (gtag.js) - Google Analytics