电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 用 Firebug 动态调试和优化应用程序（1）简介 [打印本页]

作者: look_w 时间: 2018-8-9 10:02 标题: 用 Firebug 动态调试和优化应用程序（1）简介

简介Firebug 是 Mozilla Firefox 浏览器的开源扩展，提供了很多工具，可以监视、编辑和调试任何 Web 站点的级联样式表（CSS）、HTML、文档对象模型（DOM）和 JavaScript。Firebug 包括一个 JavaScript 控制台、一个日志记录 API 以及一种有用的网络监视器。借助 Firebug，可以很轻松地调试和优化 Web 和 Ajax 应用程序。
Firebug 也有针对 Internet Explorer、Opera 和 Safari 的版本。

本文将帮助您熟悉所如下的 Firebug 特性：

编辑活动 Web 页面的 HTML、CSS 和 JavaScript
调试和剖析报告
进行日志记录以测试执行时间
使用 Network Monitor 分析 Web 页面的加载时间
错误报告

立即开始developerWorks Ajax 资源中心
         查看，这里几乎囊括了关于 Ajax 编程模型的所有信息，包括各种文章、教程、论坛、blog、wiki、活动和新闻。

使用 Firefox，。通过单击页面右侧的橙色按钮 Install Firebug 安装此扩展。
Firefox 安装了此扩展后，重启浏览器。要使用 Firebug：

转到任何一个 Web 页面并按 F12 在浏览器窗口打开 Firebug。
按 CTRL-F12 在另一个窗口打开 Firebug（如果有两个监视器，这是一个很好的特性）。本文使用了第一种方法在相同的浏览器窗口中打开 Firebug，如图 1 所示：

图 1. 安装后的 Firebug

安装后，Firebug 是禁用的。单击 Enable Firebug 启用它，如图 2 所示：
图 2. Firebug 显示了 developerWorks 的首页

本文的后面的内容将讨论 Firebug 的特性。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)