试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会显示计算结果:
- 浏览: 111540 次
- 性别:
- 来自: 南通
最新评论
-
java_bigniu:
ls -alrm -rf .xx.swf
Tomcat+Apache集群配置
相关推荐
通过以上步骤和技巧,你可以有效地使用Firefox的Venkman调试JavaScript代码,解决网页交互中的各种问题。记住,熟练掌握调试工具是每个优秀Web开发者必备的技能,它能让你更高效地定位和修复代码中的bug,提升开发...
在本文中,我们将深入探讨JavaScript脚本程序调试器的使用以及如何通过实践来提升正则表达式技能。 首先,让我们谈谈JavaScript脚本程序调试器。调试器是开发者的好朋友,它帮助我们找出代码中的错误,理解程序执行...
为了能够在浏览器中调试JavaScript脚本,我们需要先对IE浏览器进行一些基本设置。具体步骤如下: 1. 打开IE浏览器,选择“工具”>“Internet选项”>“高级”。 2. 在“高级”选项卡中,滚动至“浏览”类别下,取消...
然而,当遇到错误或需要优化代码时,调试JavaScript变得至关重要。以下是对标题和描述中涉及的知识点的详细说明,以及如何在IE和Firefox中进行JavaScript调试。 **一、JavaScript调试的重要性** JavaScript调试是...
JavaScript脚本调试是Web开发中的重要环节,它帮助开发者定位并修复代码中的错误,提高程序的稳定性和用户体验。本文将详细介绍使用MSScriptControl微软脚本控件进行JavaScript调试的方法和技巧。 MSScriptControl...
在ASP.NET环境中,调试JavaScript代码对于开发者来说是至关重要的,因为JavaScript主要负责处理客户端的交互逻辑。以下是在ASP.NET中调试JavaScript代码的一些主要方法: **方法一:利用debugger关键字设置断点** ...
首先,我们需要在Firefox上安装一个名为"Firefox Developer Tools"的内置调试套件,这个工具集在Firefox 2.0.0.20及更高版本中是默认提供的。在较早的版本中,它可能需要手动启用或升级。开发者工具提供了多种功能,...
这篇内容将详细介绍如何使用火狐插件来调试JavaScript,以及这一功能的重要性。 JavaScript是一种解释型的编程语言,广泛应用于网页动态效果、用户交互和服务器端编程。在开发过程中,调试JavaScript代码是必不可少...
"js 脚本调试工具-支持ie firefox等多种浏览器" 提供了一个强大的解决方案,让开发者能够在多种浏览器环境下高效地进行JS代码的调试工作。这里我们将深入探讨JavaScript调试工具的重要性、如何在IE和Firefox中进行...
调试JavaScript是网页开发中的重要环节,无论是在IE还是Firefox中,这些插件都提供了强大的JS调试功能。你可以设置断点,查看变量值,跟踪调用栈,这极大地提高了调试效率。对于CSS和HTML,开发者可以直接在页面上...
### FireFox Chrome IE浏览器调试JavaScript #### 一、Firebug简介 Firebug是一款专为Firefox浏览器设计的强大开发插件,自推出以来便受到广大Web开发者的喜爱与推崇。随着Web技术的发展,对Web开发人员的要求...
【Firefox调试方法】这篇文章主要介绍了Firefox的一个重要插件——Firebug,它是一个强大的Web开发和测试工具,尤其在JavaScript调试方面具有显著优势。Firebug集成了HTML查看与编辑、CSS控制台、JavaScript控制台和...
Firefox Developer Tools是一套集成在Firefox浏览器中的开发人员工具,用于调试、分析和优化Web应用程序。它包含多个模块,如Element Inspector、Console、Network、Sources、Performance、Accessibility等,为...
由于IE本身缺乏像Firefox那样丰富的开发者工具和插件支持,这使得开发者往往需要采用一些更为繁琐的方式来调试代码,例如通过频繁添加`alert`语句来检查变量值或执行路径。这种方式不仅效率低下,还可能引入新的问题...
标题中的“FireFox调试工具:FireBug加对应版本FireFox”指的是Firefox浏览器的一款强大的开发者工具——FireBug,以及它与特定版本Firefox的搭配使用。FireBug是早期Web开发人员广泛使用的浏览器扩展,它提供了对...
#### 三、使用Firefox Venkman调试JavaScript 对于Firefox用户,可以利用Venkman插件进行JavaScript调试: 1. **安装Venkman**: - 下载并安装Venkman插件:[http://www.hacksrus.com/~ginda/venkman/]...
FDT提供了一个专门的"Debugger"面板,可以让你轻松地调试JavaScript代码。与IE类似,你同样可以在代码中插入`debugger;`来触发调试。打开FDT的方式有很多,比如按F12,或右键点击页面元素选择"检查元素"。在...
2. Firefox Developer Tools:火狐浏览器的调试工具也具有类似的特性,其Debugger面板允许你暂停脚本执行、查看和修改变量、分析堆栈跟踪等。 3. Microsoft Edge DevTools:微软的浏览器同样提供了一套全面的开发...
JavaScript脚本调试是每个前端开发者必须掌握的基本技能之一。在编写JavaScript代码时,错误和异常是常见的挑战,尤其是在处理复杂的项目或与多个库和API交互时。为了提高开发效率,理解并熟练运用调试技巧至关重要...
《Firefox 火狐浏览器24.0:深入解析与安装指南》 Firefox 火狐浏览器是一款由Mozilla基金会开发的开源网络浏览器,以其高度定制化、安全性以及对Web标准的良好支持而广受用户喜爱。在本文中,我们将详细探讨Fire...