用 Mozilla 调试网页_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

用 Mozilla 调试网页

作者：闵涛文章来源：闵涛的学习笔记点击数：751 更新时间：2009/4/23 14:19:10

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 管理器