Firefox 美化教程(四)让工具栏更整洁

Mac 上的 Safari 那种工具栏布局一直很流行:菜单栏隐藏掉;工具栏左边放工具按钮,中间是地址栏,右边放搜索框;再下面是书签栏和标签栏。虽然不一定要按照这样来,但这种布局方案很值得参考,因为工具按钮和地址栏都不需要占一整行,而且高度相仿。

去掉工具按钮的下拉箭头

工具按钮旁边的下拉箭头(比如前进、后退按钮右边)没有多大实际作用,点右键就可以弹出下拉菜单,这比按那么小的箭头方便多了。况且很多时候我都是用快捷键代替,或者把后退按钮绑定到鼠标中键,这对 Windows 资源管理器同样有用。去掉这些下拉箭头需要编辑 Firefox 配置文件中的 UserChrome.css,这个文件通常在:

%appdata%\Mozilla\Firefox\Profiles\
xxxxxxxx.default\chrome\userChrome.css

其中的 %appdata% 可以直接在资源管理器中输入,会自动定向过去,典型位置会是: C:\Documents and Settings\{USERNAME}\Application Data 。在 UserChrome.css 中增加一段:

.toolbarbutton-menubutton-dropmarker {
display: none !important;
}

重启 Firefox, 下拉箭头就了。用 { display: none !important; } 还可以隐藏掉很多东西,比如不常用到的右键菜单条目——请参考 如何隐藏 Firefox 各处右键菜单中的多余项

减少工具按钮之间的间距

这需要改动当前皮肤,可以在配置目录下的 extensions 里面找到皮肤文件 .jar, 解压之后找到 globaltoolbar.css 搜索一下 “min-width”, 不同皮肤语句写法可能不同,这里不详细说了。

隐藏“转到”按钮

相信这个按钮很少会被按到,因为大家在地址栏输入文字之后一般都直接回车吧。那么在地址栏输入 about:config ,找到布尔值 browser.urlbar.hideGoButton ,双击它,改成 true

可变的搜索框宽度

单纯改变搜索框的宽度可以在 UserChrome.css 中增加:

#search-container, #searchbar {
max-width: 400px !important;
width: 400px !important;
}

不过这里我推荐一个我一直用的扩展: Searchbar Autosizer :

  • 方便地设定最大和最小宽度,最小设为 0 的时候搜索框宽度为当前搜索引擎名称的显示宽度。
  • 随着字符的输入,搜索框逐渐变宽。
  • 回车之后清空已输入的文字。(可选)
  • 回车之后跳转回默认搜索引擎。(可选)

改完这些是不是觉得工具栏整洁了许多?如果您有好的点子欢迎指教!

最新评论

  • fisio 可不,Google Reader 都去世十年了… Google Reader 的分享和效率
  • 轻重 天哪!今天整理Evernote,发现这条2010年的剪藏笔记,点击连接,原网站还在!12年了,中文互联网早已面目全非! Google Reader 的分享和效率
  • 小波 重新改博客,看看以前的wp小伙伴的博客,发现绝大部分都关了,没想到你的还在,只是停在11年了 我为什么爱 Twitter
  • 心灵博客 当年有这个效果已经很不错哦 diy 山寨投影家庭影院
  • fisio 可不咋地!您也是老司机了 我为什么爱 Twitter

发表您的评论

评论将回复给

😀🙂😯😁🙁😄😆😝😜👍🌈💖🎂

目前有 17 条评论

  1. 这个系列我先预定转载了哈,以后我会放在firefox介绍中,不介意吧??

    另外,不介意来参加一个小小的游戏吧http://soft.72pines.com/blog-games/

  2. 最近在用ubuntu
    后来发现不如转到osx下 毕竟多数软件还是都有mac版的 研究中 哈哈 支持这个系列 不过真的感觉firefox越来越臃肿了 期待出个精简系列