试用过Google Chrome之后对其漂亮的界面一直心痒痒,虽然因为FireFox的丰富的插件而回归,但一直想要能够让FireFox也用上类似Chrome的界面,尤其是其标签栏在最上的设计,真的是非常美观。
现在,通过插件,我们可以完美重现Chrome的特殊功能到FireFox上,那么界面呢?同样有人提供了各式仿Chrome的插件或主题,但是始终都不完美。那么,不如自己DIY动手打造一下吧!
首先下载Chromifox2主题包,装好后,FireFox就拥有了Chrom的配色和按钮式样了,但是布局还是没有变。
然后下载Total ReChrome插件,该插件将使得标签页栏移动到窗口最上。
再下载安装Personal Menu,该插件可以帮助你隐藏菜单栏,可在按下Alt时显示菜单栏,还能在按钮栏最右侧添加三个菜单按钮,按下后打开相应菜单,分别是:历史、书签、可定制的菜单栏。
按钮菜单的效果如下:
最后下载安装Hide Chrome,他可以隐藏窗口标题框,不过效果不是特好,需要我们改进一下。
那么,DIY开始啦!
首先找到FireFox的Profire目录,类似 C:\Documents and Settings\YourName \Application Data\Mozilla\Firefox\Profiles\h4wcdcc3.default\extensions\
先改Hide Chrome,让他不要每次切换时都将窗口最大化,并且在右上角显示全屏时的最小化、最大化按钮。
编辑文件 hidechrome@ikrk.wz.cz\content\overlay.js,替换函数ShowHIdeChrome为:
ShowHideChrome: function() { // taken from MenuX extension! http://markbokil.org/ var win_ctrl = document.getElementById("window-controls"); var mainWindow = document.getElementById("main-window"); var isFullScreen = mainWindow.getAttribute("hidechrome"); var w = window.outerWidth; var h = window.outerHeight; if (isFullScreen=="true"){ win_ctrl.setAttribute("fullscreencontrol", "true"); win_ctrl.setAttribute("hidden", "true"); mainWindow.setAttribute("hidechrome", "false"); window.resizeTo(0,0); window.resizeTo(w,h); } else { win_ctrl.setAttribute("fullscreencontrol", "false"); win_ctrl.setAttribute("hidden", "false"); mainWindow.setAttribute("hidechrome", "true"); window.resizeTo(0,0); window.resizeTo(w,h); } },
接下来修改Total ReChrome,让他右上角的按钮左移,给几个系统按钮留下空间。
编辑文件 totalrechrome@froilson.com\chrome\skin\classic\fullscreen.css
搜索并删除掉所有的 [inFullscreen="true"]
注意在替换之前做个备份。
哈哈,重启FireFox看看,是不是跟Chrome的界面一模一样啦!
有个小问题就是,这样DIY出来的界面没有可以拖动窗口的地方。
不过没关系,右键点击按钮栏选择定制按钮,将 Hide/Show Chrome 按钮拖动到按钮栏,
需要移动的时候点击此按钮,显示标题框,再拖动,移动完了再点击隐藏即可。
实际效果如下:
通过插件安装的方式直接变成Chrome,参看: Firefox全真模拟Google Chrome界面(2) 。