同学们好，工欲善其事，必先利其器，这节课我们研究一下浏览器开发者工具的简单应用，浏览器开发者工具是给专业的Web应用和网站开发人员使用的工具，各种浏览器都自带有Web 开发工具。准备好了吗，我们开课了！

备注：

       架不住 Web 技术飞速发展，2016年12月 Firebug 宣布停止开发更新，从此我们在新版 Firfox 没法再安装Firebug了，Firebug最多只支持Firfox47。不过 Firebug 领导者 Jan Odvarko 在2015年发文明确 Firebug 正在着手将 Firebug 整合为基于 Firefox DevTools 开发者工具中。还是来个告别仪式吧。别了，可爱的

注意：

Firebug团队强烈推荐大家使用火狐的 DevTools 开发者工具。

Firfox调试工具的页面总体介绍：

1 查看器：可以在下方看到页面的HTML代码，而选中某个HTML元素也可以看到它对应的CSS样式
              (结合审查元素工具使用非常好)

2 控制台：咱们用得最多的一个面板，可以自定义决定咱们要看哪些高度数据
              (console打印的数据都在这里展示)

3 调试器：可以为js添加debug功能

4 样式编辑器: 查看当前页面的所有样式

5 性能:分析js的每一个操作的性能

6 内存:当前页面的一些堆栈内存

7 网络：查看当前每一次请求

常用工具一：审查工具

常用工具二：Web控制台【Ctrl+Shift+K】

        推荐以下网页开发工具，同学们可自行前往官网免费下载。

HBuilder （ https://www.dcloud.io/ ）

Visual Studio Code  ( 简称VSCode )  https://code.visualstudio.com/