Life Journal

随笔,及其他

我是 Xiao Xiao,在日本的产品经理,偶尔也写代码,iOS/Mac/Web,偶尔也做设计,爱用 Sketch,偶尔写文字,存在这里。


让firefox拥有Chrome的外观

Firefox确实是个好的浏览器,对W3C标准的支持,网页渲染的性能,都非常不错。之所以推荐用Firefox来访问我的网站,一是因为它支持许多新的CSS3的属性(其中的圆角属性在我的站点中大量得被用来修饰框架),二是它对字体的渲染好于其它的浏览器(如果把页面字体设置为微软雅黑,在IE下看来会惨不忍睹,但Firefox下却非常完美)。

但在我看来阻止Firefox普及的最大的因素,就是Firefox默认界面极其简朴,默认功能非常有限。为了实现某个功能,还得翻箱倒柜找扩展(add-on)。当初给自己这个Firefox配置没少花时间。Chrome出来之后,偶看上了那个简单之极的外观,于是决定把Firefox也装扮成那样——于是偶找啊找啊——于是就有了这篇文章啦。

  1. 要实现类似Chrome的标签栏样式和配色,首先需要安装一个名为chromifox的主题(地址:https://addons.mozilla.org/zh-CN/firefox/addon/8782,还有一个chromifox2的主题(地址自行搜索),但是我觉得差不多,装哪个就请随意啦)。
  2. 但是主题安装完成后发现还是差很大,位置啥的都不对。这时我们需要安装一个配套的扩展,ChromiGlass(下载地址在:https://addons.mozilla.org/zh-CN/firefox/addon/9115),装完后就可以看见标签栏的位置已经正确,aero特效也正常了。
  3. 然后要做的是把添加新标签的按钮紧贴标签的右侧,安装New Tab Button on Tab Right(下载地址:https://addons.mozilla.org/zh-CN/firefox/addon/5338)。
  4. 接下来要做的就是隐藏掉菜单栏,要安装的扩展名为Hide All Toolbars(下载地址:https://addons.mozilla.org/zh-CN/firefox/addon/8725)。这个插件的功能是可以隐藏菜单栏、导航栏、自定义工具栏、书签栏和状态栏。不过除了菜单栏和状态栏以外的项目,都可以通过Firefox本身的定制菜单栏功能隐藏(在工具栏的空白处点右键试试?)。这里我们进入附加组件,点击该插件的“选项”,只勾选第一项menu bar也就是菜单栏。这样在平时菜单栏是隐藏的,我们只看得见标签栏和地址栏(包括搜索栏),需要时可以按F4呼出菜单栏。我只所以不用这个扩展来隐藏状态栏,是因为这个插件隐藏之后,不能自动显示,很不方便。
  5. 再下来则是实现Chrome的自动显隐的状态栏了。这里需要的扩展是autoHideStatusbar(下载地址:https://addons.mozilla.org/zh-CN/firefox/addon/1530)。这个插件的功能就是实现自动显隐的状态栏——平常时隐藏,当指向链接或者打开网页时则显示——和Chrome类似吧?虽然显示效果上还是不能和Chrome相比,但是这已经很令我满意了。
  6. 剩下的还有一样——Chrome启动时的默认页上会有常去网站的缩略图链接,很方便啊——同样,在Firefox下我们可以安装speed dial或者fast dial(下载地址:https://addons.mozilla.org/zh-CN/firefox/addon/5721)之类的扩展即可实现。
  7. 这样,浏览器的外观工作就基本完成了。但细节方面,我们还需要继续努力——安装Tab Mix Plus(下载地址在:https://addons.mozilla.org/zh-CN/firefox/addon/1122)——这个算的上是Firefox必备扩展了。这个插件的功能太过于强大,你可以用它实现标签栏的许多细节——具体自己研究吧。
  8. 还差一点,默认的导航栏里有个停止的图标(一把叉的那个),而Chrome默认是没有的,如果不需要的话,可以右键“定制”,然后把那个按钮拖回定制框里。

最终实现效果?给个截图吧~

截图

截图
最后补充一下,有个扩展叫做Tatol ReChrome,说是可以实现Aero特效,但是貌似已经不需要了,而且我试了下发现会导致菜单栏下方出现黑条。暂时还是别用的好。

还有个可以隐藏窗口标题的扩展,叫做Hide Caption,我用的时候发现隐藏之后Aero特效没了。所以各位有兴趣的还是尽量小心试用。