修改 Firebug 的工具栏按钮调用方式
昨天晚上，我写了篇文章，说我在玩 Firefox 美化，其实，我主要在做的工作，就是清理 Firefox 浏览器界面上不需要的东西，尽量的压缩界面，扩大网页的可视化面积。
昨天，为了隐藏掉 Firefox 的状态栏，我已经进行了相当多的努力，要隐藏掉状态栏，还要保存状态栏的所有功能，着实不是那么简单的一件事情，老肥的文章只介绍了怎么把显示 Active Link 的功能搬移到地址栏里显示（使用 Fission），还有把 GMail Manager 整合到工具栏按钮。而我昨天提出的第三个问题，即 Firebug 按钮，整合到工具栏后，调用方式变成“在新窗口中打开”，我今天终于给搞定了。
以下一段思路分析，可以跳过。
Firebug 内部带的工具栏按钮，是一个双重状态按钮，即开关（toggle），按一下开，再按一下关。其上绑定的动作，就是在新窗口中打开，而不是我们熟悉并且喜爱的在同一窗口的底栏打开。修改的思路就是：
- 找到这个按钮；
- 找到在底栏嵌入 Firebug 这个命令；
- 将在底栏嵌入 Firebug 的命令绑定到按钮上；
确立这个思路，完全是一种直觉，建立在对程序运行原理的理解上的，没错，就是函数调用，一般来说，一个按钮按下去，会调用一个函数，这个函数的运行决定了程序的响应方式，既然 Firebug 有两种出现方式，那么可以简单的猜测，是两个不同的函数，一个从底栏嵌入，一个在新窗口中弹出。
好了，思路定了，就开始执行，那么怎么找？那可是相当难了，因为我完全没有接触过 Firefox 插件开发，对 Firefox 底层构架不了解，对于插件的结构更是不了解，于是乎，唯一的办法，瞎找。简单看一下插件目录下的代码，就知道，Firefox 插件基本上由 js 代码，css 代码，xml 代码组成，除此之外，都是些图片。都是纯文本，打开查看没有什么障碍的。
最大的障碍是什么，就是不知道名字，其实昨天也有提到这个，就是改 userChrome.css 可以自定义外观，但是改哪个 id 的属性，改哪个 class 的属性呢？你不知道工具栏上第 4 个按钮的 id 或者 class 到底是什么，你更不知道按钮旁边的那个小箭头叫什么，凭什么叫 dropmarker 而不叫 droparrow。就好像在茫茫人海中找一个只知道特征，不知道姓名的人一样。你只能傻看，不能调动公安局的数据库帮忙。我终于还是没能找到，毕竟傻找不是办法。
结局，办法总是有的，没有直接的，有迂回的。我想起来，Firebug 在工具菜单下有个子菜单的，哪个菜单里有两种调用 Firebug 的方式，编过一点 Win 应用的可能都知道的，菜单的工作方式和按钮是完全一样的。那么找不到按钮，找菜单也可以，找到菜单，可以找到菜单调用的函数名，然后再用函数名去反过来定位按钮，也行。菜单项很多，而且一般会写在一个文件里，目标比较大，应该好找。哈哈，结果，还是不好找……囧。
灵机一动，菜单项里有汉字，汉字是字符串，靠，这下终于跟某个名字挂钩了，可以搜了！！直接打开 locale 文件夹，找到简体中文的配置文件，搜索菜单项，找到：
原来那个方法叫做 DetachFirebug，ok，在整个目录下搜索 DetachFirebug，一共没多少，一个个判断，终于找到：
最后，修改方法（刚才跳过的童鞋从这里接）：
找到:1
2
3
%appdata%\Mozilla\Firefox\Profiles\xxxxxxx.default\extensions\firebug@software.joehewitt.com\content\firebug\browserOverlay.xul
文件，把上面那段代码找到，然后把 cmd_toggleDetachFirebug 改成 cmd_toggleFirebug，把 firebug.DetachFirebug 改成 firebug.Firebug，保存，然后重启 Firefox，按一下工具栏上的 Firebug 按钮，怎么样？是不是变成和状态栏按钮里一样的效果了？
Enjoy it！