查看文章
firefox Venkman调试javascript
2008-03-24 09:35
调试javascript一直是令我头疼的问题,反复添加alert,刷新网页去找问题。
用mozilla的Venkman就方便多了,但是装了以后不会用,网上关于Venkman的中文文档几乎没有,只能去啃这个e文的http://www.svendtofte.com/code/learning_venkman/index.php。
下载安装Venkman: http://www.hacksrus.com/~ginda/venkman/
使用 Firefox 的用户需要另外安装一下:
安装后重起firefox,从工具菜单打开javascript debugger:
弹出下面的窗口:
基本调试:
打开http://www.svendtofte.com/code/learning_venkman/venkman_example_1.html这个网页,打开Venkman,左边有这样的信息:
Loaded scripts panel
双击文件名,页面的源代码就出现在右边的代码窗口了。
Source code displayed by Venkman(需要注意的是:Venkman是javascript调试器,不是编辑器,你不能再Venkman中编辑代码。)
点击文件名前面的+号,会展开代码中的元素,比如上面的test()函数。点击test,右边的代码窗口test()函数会出现被选中的变化:
Source code displayed by Venkman
VenkMan的相关图形颜色含义:
J JavaScript (.js)
H Hypertext Markup Language (.html, .htm)
Z eXtensible Userinterface Language (.xul)
X eXtensible Markup Language (.xml)
Z All other files
Z JavaScript function
调试窗口下面的命令行可以输入javascript语句,结果显示在信息窗口:
输入1+1:
Interactive session
输入String.fromCharCode(b) + "B"
Interactive session
设置调试环境:
Setting an element as the evaluation object
现在就可以在这个网页的基础上进行调试了,输入document.title试一下:
Interactive Session
输入test(),自然就是运行代码中的test()函数了。
现在点击venkman_example_1.html 中的"move to ne"跳转到:
http://www.svendtofte.com/code/learning_venkman/venkman_example_2.html
设置调试环境为venkman_example_2.html,你可能已经注意到Venkman上面的工具条中间的按钮都不能用,现在你点击stop,变成下面这个样子:
Venkman toolbar
stop的意思是不管js是否在运行,都停止,进入"waiting-for-something-to-happen"模式。
现在转回到firefox的窗口,刷新一下venkman_example_2.html这个页面,你会看到Venkman跳出来了:
Venkman paused
javascript的运行截止在黄色代码那行,现在上面的按钮就可以用了,点击一下Continue,代码继续运行,网页上会显示运行结果。
本的调试大概就是这样子,http://www.svendtofte.com/code/learning_venkman/index.php上面还有更多的调试技巧,上面这些做简单调试够用了,剩下的以后翻译。
分享到:
相关推荐
Javascript调试,firefox插件,直接用Firefox打开安装
在firefox中调试javascript的详细步骤说明
IE和firefox 调试 javascript css html 插件 exe文件为IE的,另一个为firefox的 AJAX开发必备
在IE和firefox中调试javascript的教程
firebug 是firefox的重要插件,功能强大,在web开发中不可或缺的调试和测试工具,此文档讲解了firebug的一些调试方法,值得学习研究。
在绿色版的firefox中安装firebug,对进行开发javascript开发进行调试很有作用 1.直接解压FirefoxCN.rar 2.点击解压后文件里面“创建快捷方式.exe”创建桌面快捷方式 3.打开firefox,将firebug-1.4.3-fx.xpi文件拖入...
9种使用Chrome Firefox 自带调试工具调试javascript技巧.docx
JavaScript Debugger version 0.9.88.1 兼容于: Thunderbird 3.0 - 3.3a1pre SeaMonkey 2.0 - 2.1b2 Firefox 3.5 - 4.0b8pre
在安装好插件之后,先用Firefox浏览器打开需要测试的页面,然后点击右下方的绿色按钮或使用快捷键F12唤出Firebug插件,它会将当前页面分成上下两个框架,如图1所示。 图1:Firebug插件展开图示 从图1中看到,...
主要介绍了9种使用Chrome Firefox 自带网页调试工具调试javascript技巧
Firebug是firefox下的一个扩展,能够调试所有网站语言,如Html,Css等,但FireBug最吸引人的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Safari)。除此之外,其他功能...
好好的火狐插件,非常好的,呵呵,大家下载吧,哈哈哦,好的很,可以调试JavaScript
Firebug是Firefox下的一款开发类插件,现属于Firefox 的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和 Ajax的得力助手。
通过Firebug来编辑、调试和监控任何页面的CSS、HTML和JavaScript,你可以简单的查找页面中的HTML元素、CSS样式、可视化的CSS布局模型,动态编辑HTML元素及其属性,动态调整CSS样式,调试JavaScript,快速查找错误...
2对火狐进行调试 8 2.1安装Firebug 8 2.2、打开和关闭Firebug 9 2.3、查看、编辑HTML元素及其CSS 11 2.4、查看动态生成的HTML代码的方法 14 2.5、查看/测试页面的函数执行效率 14 2.6、使用Firebug查看...
Firefox的VS Code调试器从VS Code调试在Firefox中运行JavaScript代码。 VS Code扩展,用于调试在运行的Web应用程序和扩展。 。支持的功能暂停,包括高级和模式使用暂停对象属性更改调试期间使用注射记录 调试评估...
不管是开发网页中的JavaScript部分,还是进行火狐扩展开发,Venkman都能够提供非常强大的调试功能。 当然现在,Firebug也提供了越来越强大的调试功能。 还有个比较老的Trick,可以在JavaScript程序中设置断点,...
前支持javascript调试功能的工具越来越多,主要分为ie和firefox两大阵营。其他浏览器上很难调试javascript。而Javascript Debug Toolkit解决了这个问题,可能在所有支持ajax请求的浏览器上调试javascript.
众所周知的 火狐下javascript兼容性提示工具
JavaScript调试技术 一、使用Visual Studio 进行调试 二、使用firefox的JavaScript工具进行调试 三、使用MyEclipse进行调试