正 文

用 Mozilla 调试网页


www.7dspace.com  更新日期:2005-9-17 2:50:43  七度空间


查看所选部分源代码

如果你用过 JavaScript 的 document.write,大概对无法看到动态写入的内容不陌生吧。在 Internet Explorer 中很难看到用脚本生成的 HTML 代码,你只能看到脚本本身。通常用一连串的 JavaScript alert 才能看到生成的源代码。

Mozilla 有一个非常好用的功能,可以为你节省不少 alert 命令。这个功能叫做“查看所选部分源代码”。首先标记出(选择)想要查看的内容,从右键弹出菜单中选择“查看所选部分源代码”。 Netscape 4 也有相似的功能。此外还有对源代码查看器的改进,可以让你在源文件和生成的HTML代码间切换。

下面就是个例子,其中引号的位置错了,如果没有查看选中部分源代码的功能,几乎无法找出其中的错误:

for (var i = 0; i < 10; i++) { document.writeln('<span id="id-"' + i + '">test: ' + i + '</span>'); for (var j = 0; j < 5; j++) { document.write(j + '<br>'); }}

图 10: 查看所选部分源代码

页面信息

Internet Explorer 和 Mozilla 都可以显示当前页面的属性。

Internet Explorer 是通过 文件 -> 属性 实现的,所显示的信息非常有限。


图 11: Internet Explorer 的页面信息

而在 Mozilla 中,你可以查看当前页面的全部信息。


图 12: Mozilla 中的页面信息

查看页面信息可以用 查看 -> 页面信息.

JavaScript 调试器

Venkman 是 Mozilla 的调试员。Verkman 提供了一个强大的 JavaScript 调试环境,既有GUI 的也有命令行的。两者的功能都包括断点管理、调用堆栈检视以及变量/对象检视,用起来很舒服。而交互式的命令行方式允许您运行特定的 JavaScript 代码,键盘快捷键与图形环境的一样,


图 13: Mozilla 的 JavaScript 调试器

JavaScript 调试器也支持剖析(profiling),可以用于度量脚本执行的时间。

JavaScript 调试器可以从工具 -> Web 开发 -> JavaScript 调试器 启动。

更多信息...

Introduction to the JavaScript Debugger at DevEdge

Venkman at mozilla.org

Venkman Development

4页,当前在第3页  1  2  3  4  

上一篇:图行天下:本地搜索网站一览
下一篇:关于box(盒模式)的一系列问题
作者:onestab  来源:Davids BLOG ( 责任编辑:7dspace )
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐