zero.fire 发表于 2013-1-29 07:46:46

FireFox全真模拟Google Chrome界面

试用过Google Chrome之后对其漂亮的界面一直心痒痒,虽然因为FireFox的丰富的插件而回归,但一直想要能够让FireFox也用上类似Chrome的界面,尤其是其标签栏在最上的设计,真的是非常美观。
 
现在,通过插件,我们可以完美重现Chrome的特殊功能到FireFox上,那么界面呢?同样有人提供了各式仿Chrome的插件或主题,但是始终都不完美。那么,不如自己DIY动手打造一下吧!
 
首先下载Chromifox2主题包,装好后,FireFox就拥有了Chrom的配色和按钮式样了,但是布局还是没有变。
 
然后下载Total ReChrome插件,该插件将使得标签页栏移动到窗口最上。
 
再下载安装Personal Menu,该插件可以帮助你隐藏菜单栏,可在按下Alt时显示菜单栏,还能在按钮栏最右侧添加三个菜单按钮,按下后打开相应菜单,分别是:历史、书签、可定制的菜单栏。
 
按钮菜单的效果如下:
 

http://www.agoit.com/upload/attachment/53570/9138b2a9-5575-3ed9-9843-dfa68c8bf07e.jpg
 
最后下载安装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
搜索并删除掉所有的
注意在替换之前做个备份。
 
哈哈,重启FireFox看看,是不是跟Chrome的界面一模一样啦!
 
有个小问题就是,这样DIY出来的界面没有可以拖动窗口的地方。
不过没关系,右键点击按钮栏选择定制按钮,将 Hide/Show Chrome 按钮拖动到按钮栏,
需要移动的时候点击此按钮,显示标题框,再拖动,移动完了再点击隐藏即可。
 
实际效果如下:
 

http://www.agoit.com/upload/attachment/53568/d288ddd0-989d-390f-aee1-7b3fc5615d50.jpg
 
 
 
通过插件安装的方式直接变成Chrome,参看: Firefox全真模拟Google Chrome界面(2)。
 
 
 
页: [1]
查看完整版本: FireFox全真模拟Google Chrome界面