Firefox 开发者工具已内置 DOM Inspector 功能

在定位浏览器界面元素方面，大家以前都是用 DOM Inspector，其实这项功能已经集成在 Firefox 的开发者工具当中了。开启方法是：
1、按 ALT，打开“工具”--- 开发者工具 ----网页控制台 web console
2、在面板左上方一个齿轮图标的设置按钮，进入后勾选 Enable chrome debugging 启用 chrome 调试，Enable remote debugging 启用远程调试
3、再次进入 工具--- 开发者工具，这时会看到多了一个 browser toolbox 浏览器工具箱
4、进入后先在出现的对话框点确认，就可以打开一个新的窗口。
5、和 DOM inpector 一样，点击左上方的选取元素的按钮，选取界面元素（红色虚框），下方代码区域就会显示代码，及其样式。

Mozilla’s Browser Toolbar makes Firefox interface customizations easier

开发者工具现在越来越卡。。。

MalcKear：开发者工具现在越来越卡。。。回到原帖

用了firebug后会更卡。。。应该要profile下看下哪里代码集中调用了，估计又是在主线程。。。

越来越强大了