【Ext JS】firefox+firebug 调试环境的构建

1、下载官网firefox

Firefox Setup Stub 34.0.5.exe

https://download-installer.cdn.mozilla.net/pub/firefox/releases/34.0.5/win32/en-US/Firefox%20Setup%20Stub%2034.0.5.exe

2、下载成功后，安装Firefox Setup Stub 34.0.5.exe

3、设置firefox

初次启动界面显示如下，此时浏览器上没有显示菜单栏

在标签栏旁边，鼠标右键， 勾选“Menu Bar”

勾选“Menu Bar” 后，即可显示菜单栏，截图如下

4、自动方式——安装firebug插件

在搜索框输入“firebug”，搜索后，点击“install”即可。

5、手动下载方式——安装firebug插件

5.1 下载firebug

firebug插件官网路径：http://getfirebug.com/releases/firebug/ 这里有所有版本的下载列表

此处下载2.0.6版本：http://getfirebug.com/releases/firebug/2.0/firebug-2.0.6.xpi

5.2 在firefox浏览器中添加firebug插件

”Tools"---"Add-ons Manager",然后在如下截图所示位置选择“Install Add-on From File.."选择插件文件所在的位置，然后按照提示安装即可。

安装完成后，在Tools下Web Developer的子菜单中可以看到Firebug菜单项

6、打开firebug调试界面

快捷键：F12

或者：”Tools“——”Web Developer“——”Firebug“——”Open Firebug"