打印本文 打印本文 关闭窗口 关闭窗口
用 Mozilla 调试网页
作者:武汉SEO闵涛  文章来源:敏韬网  点击数755  更新时间:2009/4/23 14:19:10  文章录入:mintao  责任编辑:mintao

Mozilla 是个非常好的网页制作和 Web 开发工具,不但可以用作网页编辑器,而且还可以用作调试工具。本文将介绍 Mozilla 的几个很酷的特性,可以用它迅速查出和排除网页和Web应用程序的错误。

原文写作时用的是Windows XP下的 Mozilla 1.4a 和 Internet Explorer 6.0 SP1,全部为英文版。[译注:本文翻译中用的是 Windows 98 下的 Mozilla 1.6 和 IE 6.0 SP1,全部为中文版。]

本文的其他语言版:英语 | 法语 欢迎提供反馈。请与我 联系。

JavaScript 控制台

网页中出现的错误大都是由 JavaScript 引起的,而且大多是非常简单的错误,我认为这正是有些网站无法在 Mozilla 下正常工作的原因。其实这些错误是很容易避免的。

即使设置正确,当错误出现时,Internet Explorer 只是会弹出一个几乎毫无用途的对话框,告诉你“该网页有错误”,初学者很难把错误复制到剪贴板上。想调试 IE 中的错误,必须下载 微软的脚本调试器 ,它是Internet Explorer 下用的脚本调试环境。


图1: IE 中的 Javascript 错误

而 Mozilla 则提供了 JavaScript 控制台,它可以记录下所有脚本错误。在进行网站测试时打开 JavaScript控制台,任何 JavaScript 错误就可以马上看到。确实是必不可少的网站开发工具。

JavaScript 控制台能报告出错的文件名和行号,以及错误出现时的上下文,使您很容易找出错位置和错误原因。


图 2: Mozilla 中的 Javascript 控制台显示的错误

您可以右键单击错误并把它复制到剪贴板上。JavaScript控制台还需要改进,你无法将所有条目保存到一个文件,而且换行不正确。

您可以从 工具 -> Web开发 -> JavaScript 控制台来启动它。

严格模式 JavaScript 警告

严格模式下的 JavaScript 警告消息由位于浏览器核心JavaScript引擎产生。每种浏览器可以对JavaScript脚本进行严格检查,包括 Mozilla、Internet Explorer 和 Opera,但只有 Mozilla 能显示警告。

这些 JavaScript警告信息是脚本引擎对客户端脚本代码的错误警告。这些警告和其他 JavaScript 错误不同,不会终止页面的处理,但是速度会稍稍减慢,因为它毕竟是脚本引擎产生的异常。


图 3: 严格模式 JavaScript 警告

开发者无法在别的浏览器中捕获此类异常,但在 Mozilla 中可以做到。你拥有完全的掌控,写出100%合格的 JavaScript 代码再也不是件难事了。

JavaScript 最常见的毛病是重复声明同一个变量:

var response = true;var response = false;

严格模式下的 JavaScript 检查会产生下面的警告:

"redeclaration of var response"

正确的写法应当是这样:

var response = true;response = false;

JavaScript 控制台可以在午夜版的 编辑 -> 首选项 -> 调试 -> 显示严格的 JavaScript 警告中激活。如果你用的是正式发行版,可以在地址栏中输入about:config 按回车,找到并打开 javascript.options.strict 选项。

更多信息...

掌握 JavaScript 严格模式警告

Cookie 管理

今天的大多数网站都使用了Cookie。Cookie 的调试却很困难,不过难不倒 Mozilla。

在 Internet Explorer 中你无法看到当前的 Cookie,至少无法直接在浏览器中看到。所以如果你用的是 IE, 唯一的选择就是删除全部的 Cookie,如果您只想清除某个站点的所有 Cookie,只有到 %USERPROFILE%\Cookies 文件夹(Windows XP下)中去找到并手工删除,因为无法知道 Cookie 文件的格式,我不敢肯定是否能够编辑或删除某个站点的某个 Cookie 项。


图 4: Internet Explorer 中的 Cookie 管理器

打印本文 打印本文 关闭窗口 关闭窗口