使用Firebug 调试JavaScript.ppt

Firebug WEB基础 课程目标 Course Contents 如何安装 Firebug 使用 Firebug 检查和编辑HTML 使用 Firebug 检查和编辑 CSS 使用 Firebug 调试 JavaScript 使用 Firebug 记录 Javascript日志 在 Firebug 中动态执行JavaScript 使用 Firebug 监控网络 什么是 Firebug Firebug 是一个开源的web开发工具。 Firebug是网页浏览器 Mozilla Firefox 下的一款开发类扩展。 它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手 安装 Firebug 下载地址：/ 安装 Firebug 安装 Firebug 安装 Firebug 使用Firebug查看和编辑HTML和CSS 使用Firebug查看和编辑HTML和CSS 使用 Firebug 调试 JavaScript Firebug是一个非常强大的工具，可以帮助您发现代码发现错误的错误并解决错误。 在此我们使用Firebug来处理Javascript代码。 首先我们需要加载页面并打开Firebug。 使用 Firebug 调试 JavaScript 使用断点调试 断点调试可以终止代码的执行，你可以通过指定代码范围来查看错误是不是在指定代码范围内。这对于 错误调试很有用。 如果你点击Step over（单步跳过） 按钮, Firebug 会更新所有变量直到你在右侧窗口中终止断点执行。 使用 Firebug 调试 JavaScript 使用断点调试 Firebug记录Javascript日志 使用Firebug来生成日志。 (这是info); console.debug(这是debug); console.warn(这是warn); console.error(这是error); Firebug页面概况查看 使用Firebug的概况，你可以测试Web页面导致延迟加载的文件。 通过打开页面 Firebug Console（控制台） Profile（概况）。 Firebug监控网络情况 Firebug可以监控网页中每个文件加载的时间。 Thank You !