使用 Firebug 来调试 Web 页面

Firebug 是适用于 Mozilla Firefox 的开放式源代码扩展,可帮助您调试、编辑、概要分析、记录和监视 HTML 页面、DOM、CSS 和 JavaScript。

开始之前

  1. 创建 Web 项目
  2. 创建 Web 页面
  3. 安装 Mozilla Firefox
  4. 安装 Firebug

过程

  1. 通过选择窗口 > Web 浏览器 > Firefox 作为工作空间中的缺省浏览器来启用 Firebug。
  2. 在“企业资源管理器”视图中,右键单击要调试的 Web 页面,然后选择调试方式 > 在服务器上调试
  3. 单击完成 这时,将在 Firefox 中打开您的 Web 页面。
  4. 要启用 Firebug,请单击 “启用 Firebug”图标
  5. 在 Firebug 部分中,单击脚本选项卡,然后单击启用
  6. 启用脚本之后,请单击重新装入 Web 应用程序已准备好进行调试。
  7. 继续使用调试工具来单步执行代码。
  8. 在要调试的 JavaScript 资源中,设置一个断点。
    在 JavaScript 文件中设置的断点。
    所设置的断点会按照 Web 页面的逻辑停止执行。
  9. 单击监视选项卡以跟踪执行并确定要更改的值。
    Firebug“监视”选项卡
    提示: 您可以从断点选项卡中启用、禁用或移除断点。
指示主题类型的图标 任务主题
信息中心的条款和条件 | 反馈

时间戳记图标 最近一次更新时间: 2014 年 4 月 17 日

文件名:tdebugfirebug.html