调试JavaScript脚本程序(Firefox篇)

标签: 调试 javascript 脚本 | 发表时间:2013-12-24 11:03 | 作者:jontan
出处:http://www.iteye.com

试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会显示计算结果:



已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [调试 javascript 脚本] 推荐:

Javascipt脚本调试(Javascript debugging)

- - 博客园_首页
根据 CNZZ数据中心对国内主流浏览器的统计分析,2012年3月国产浏览器中360安全浏览器、搜狗高速浏览器和傲游浏览器的使用率分别为24.39%、7.37%、1.75%;国外浏览器中微软IE浏览器、谷歌Chrome浏览器及苹果Safari浏览器的使用率分别为53.40%、3.21%、2.22%.

调试JavaScript脚本程序(Firefox篇)

- - JavaScript - Web前端 - ITeye博客
试Firefox里面的脚本需要安装一个插件Venkman:. 1.       启动Firefox,浏览页面. 2.       点击“Add to firefox”,重启Firefox就可以使用了. 先简单地介绍一下如何在Venkman里面设置断点和查看变量的值. 1.       启动Firefox,运行网页到test.html.

在IE、Chrome、FireFox中调试Javascript

- - JavaScript - Web前端 - ITeye博客
在IE中调试JS: http://www.qeefee.com/js/debug-javascript-in-IE. 在Chrome中调试JS: http://www.qeefee.com/js/debug-javascript-in-chrome. 在FireFox中调试JS: http://www.blogjava.net/vincent/archive/2009/04/14/265591.html.

7款实用的Javascript代码高亮脚本

- way - UED TEAM,用户体验设计,web前端开发
代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候. 我们可以在显示中支持代码高亮,以便于阅读者可以十分方便的读取代码块、增加用户阅读代码的良好体验. 目前,有很多免费而且有用的代码高亮脚本. 这些脚本大多是由Javascript语言编写,也有些使用其它语言(比如java、Phyton或Ruby)等写的.

使用 SpiderMonkey 使 C++应用支持 JavaScript 脚本引擎

- DreamToTrue - C++博客-牵着老婆满街逛
转载自:http://dozb.bokee.com/1919675.html.   使用 SpiderMonkey 使 C++应用支持 JavaScript 脚本引擎. 翻译:dozb         英文版. 这个教程的目的是演示如何使你的 C++ 应用能够解释执行 JavaScript 脚本. SpiderMonkey, 是 Mozilla 项目的一部分, 是一个执行JavaScript脚本的引擎.

7款实用的Javascript代码高亮脚本

- 鑫 - ITeye资讯频道
代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候. 我们可以将代码高亮,以便阅读者可以十分方便的读取代码块,增加用户阅读代码的良好体验. 目前,有很多免费而且有用的代码高亮脚本. 这些脚本大多是由Javascript语言编写,也有些使用其它语言(比如java、Phyton或Ruby)等写的.

【挑战极限】最短的javascript: 地址栏载入脚本

- mingelz - 博客园-EtherDream の 原创空间
  相信大家都在地址栏里用javascript:的形式执行过脚本. 这种方法简单实用,测试比较短的脚本时经常用到. 并且可以添加到收藏夹里,随时点击调用.   不过脚本比较长的时候,需要复制密密麻麻一大段到地址栏里,显得很不美观,而且脚本修改起来也很不容易. 因此一般先把脚本写在单独一个文件里,然后用javascript: 的形式动态载入脚本到页面中.

(总结)简体繁体转换JS(JavaScript)脚本

- - 服务器运维与网站架构|Linux运维|X研究
PS:前些时间有童鞋问我怎么把繁体网站自动辨认浏览器来切换成简体. 这个其实很简单,我在07年的时候的公司运营的香港讨论区就用过,只需加个JS脚本,再加几行html代码嵌入就OK. 现重新记录一下,有两个版本测试可用. 1、首先把下面这个链接放在提醒用户繁简转换的地方:. 繁体中文.

8个关于JavaScript的脚本资源推荐

- - 脚本爱好者
  wrap.js 插件通过 config 来处理互相嵌套调用的脚本,能够在编译中产生一个 AMD 模块. 这样你不需要自己编写 wrapper,wrap.js 能够帮助你轻松实现.   一个 JS 类库,通过 HTML5 文件 API 提供了同步、稳定和可续传的功能,通过 HTTP 支持容错,将文件分割成多个部分,支持断点续传.

在MyEclipse 中添加易于编写 javascript脚本的spket插件

- - CSDN博客研发管理推荐文章
http://www.agpad.com/update”,将地址记下. 2、然后进入MyEclipse中,选择Help->MyEclipse Configuration Center,之后会进入配置中心,然后选择Software. 3、此时左侧会有Browser Software,点击add site,在Name文本框中填入你希望安装的插件的名称,在URL中填上载第一步中保存的URL地址,点击OK.