查看所选部分源代码

如果你用过 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

出处：David's BLOG
责任编辑：moby

上一页 用 Mozilla 调试网页 [2] 下一页 用 Mozilla 调试网页 [4]

◎进入论坛网络编程版块参加讨论