FireFox全真模拟Google Chrome界面

试用过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） 。