Mozilla Firefox 之不完全胡说八道

  我知道的全部和FF有关的就都在这里了。包括使用和美化两部分。谨以此献给所有对FF有兴趣的朋友。

第一部分 上手
1 安装
  推荐安装最新的 Mozilla Firefox 1.5.0.2,beta们留给有心也有力的人吧。
  双击exe文件后一路next没有难度吧?小提示:如果你要把FF安装到非系统盘,记得选择“自定义安装”。

2 插件
  对于Firefox——是浏览器就是,不光FF——有些插件是必须的。不过相信一般的插件如RealPlayer、Windows Media Player、Macromedia Flash Player、QuickTime等等一般人都有装。如果缺了什么的话(比如Java),可以到这里下载。

3 扩展
  刚装好的FF不好用?不知道FF出名的就是牛X的可制定性么?到 Mozilla Update | 中国 下载最新的扩展“让Firefox变得更好用”(mozilla中国中心语)吧。什么?下载的东西双击无效?谁让你双击了?工具- 扩展,把下载到的.xpi文件拖到弹出的面板上就OK。或者你可以和我一样懒——点击“安装”以后设置弹出来的对话框中的地址为信赖站点以后从这个站点就可以直接安装扩展无需再下载到本地了。

  在此推荐一些常用或曰必需的扩展——或者说,装上FF就能很顺畅的跑了。

Tab Mix Plus,增强标签页浏览功能的扩展。
FlashGot,允许 Firefox、Mozilla Suite、Netscape 和 Thunderbird 使用大多数流行的外部下载管理器处理单一的和全部(”全部” 和 “选择”)下载,支持 Windows, Mac OS X, Linux 和 FreeBSD 系统。
Super DragAndGo,拖拽链接到网页的任意空白位置就可以在新标签页中打开此链接。
IE Tab,让你直接在 Firefox 的标签页中以内嵌的 IE 引擎浏览 IE Only 网页。
Compact Menu,是 Firefox 菜单栏的扩展,它可以精简你常用的菜单栏,减少占用空间。

  装了上面的5个,FF就可以跑得很欢畅了。当然这些只是基本的必须,其他的扩展可以根据不同的需要配置。比如我除了这5个还装了——

Popup ALT Attribute,这个扩展能象 NC4、IE 等浏览器一样,弹出图像的 ALT 属性的替换文字(ALT 属性并不是为图象提供描述信息的,但是一些网页作者常常只是为了弹出额外的说明信息才使用这个属性)。如果描述文字太长,它将自动以多行显示。
Minimize To Tray,最小化 Firefox, Thunderbird, Mozilla Suite, 和 Nvu 到系统托盘的强大扩展。
Right Encoding,在上下文菜单(右键菜单)中加入字符编码菜单项。
Restart Firefox,这个扩展会在“文件”菜单中增加“重新启动 Firefox”的选项, 并添加一个工具栏按钮。使你在安装主题或扩展后,重新启动 Firefox 变得更加容易和方便。(前阵子研究FF的皮肤反复重启观看效果就靠它了)

  哎,哎,别看到链接就一路使劲点,没说就让你非要和我装的东西一样啊。可制定性强,就可以打造一个完全私人的浏览器——从此不用忍受任何别人硬塞给你的东东,一切取决于你的需求。

4 备份
  重装系统以后面对裸FF欲哭无泪?恭喜你中奖了!现在知道要备份了吧?推荐个简单实用小东东:MozBackup,Mozilla系列的cookie/password/extension备份/复原软件。解压后直接使用,无需安装。什么?重装以前你忘记用这个小东西了?请节哀……

  另外,这里是Mozilla Firefox 1.5 部分使用技巧。提供给有需要的朋友。

  FAQ(如果你有什么问题,可以提出来;如果我觉得有代表性就会放到这里^^):
1. 如何能让FF在一打开就有tab栏呢?
  工具 – 选项 – 标签式浏览,去掉 只打开一个页面时自动隐藏标签栏 前面的勾。

2. 我想让FF像遨游那样双击关闭标签页,怎么办?
  装Tab Mix Plus了?ok。工具 – 扩展 – Tab Mix Plus – 选项 – 鼠标设置 – 双击左键。明白要怎么做了吧?

3. 我想让FF看着像Safari,该怎么做?
  ……首先要承认这个问题我被问到的次数最多;其次要承认这个话题很大,涉及的东西不少;最后,麻烦您轻移款步这边走先,我清好了嗓子专门说说这个话题。

第二部分 美化
  安装FF的人中,恐怕相当一部分人是冲着FF漂亮的皮肤去的。在此风凝要再次恭喜——很多漂亮的皮肤存在版本兼容问题,也就是说,很多漂亮的皮肤你流光口水最新版本的FF装不上去就是装不上去。什么?你豁出去用旧版本的FF?那Mozilla公司使那么大劲开发干什么?在此,风凝要贡献出部分个人研究成果……

  首先看图。

FF 2 Safari

  声明:这个是纯模仿Safari的。一切Safari系的皮肤都可以在我以下的啰哩八嗦中顺利搞定。什么?你不喜欢Safari的样子?那您可以关闭这个标签页 where cold where go 了。
  还有在的?ok,开始我们的FF 2 Safari之旅。

1 主题安装
  漂亮的主题这里有一部分,不过当心版本兼容问题。哎、哎,给我停下你要卸载1.5换成1.0.x的手,我这里还没有讲完呢你着急什么?不会让你看着漂亮的东西用不了的。下载到的主题一般都是.jar的压缩包,把.jar包拖放到 工具 – 主题 弹出的面板上,双击重启,看到效果了吧?因为版本问题而没看到效果的同学练习一下基本动作先……

2 更像Safari
  这个是原版safari的截图。喏,纸巾,把流到下巴的口水擦净先。很简单的方法即可达到你要的感觉。

  下载这个小包包先。然后我们来 step by step。

  首先,基本皮肤。压缩包里面的skin是我做的,基于sky的Lie。要效果,装上先。小提示:装好以后看到的按钮是Tiger的样式;按钮上右键 – 定制,钩选 使用小图标。看到了么?Sunken样式的按钮。
  其次,书签栏、标签栏。把Documents_and_Settings_chome压缩包(特别感谢 Zeddo@AS。他的代码和素材给了我最直接的启示)解压后里面的东西丢到 系统盘:\Documents and Settings\xxxx\Application Data\Mozilla\Firefox\Profiles\xxxxxx.default\chrome,重启FF。看到了什么?tab那里和safari已经几乎一样了吧?
  再次,搜索框小放大镜。把searchplugins压缩包里面的 google.gif 丢到 \Program Files\Mozilla Firefox\searchplugins 文件夹下,然后搜索框选择google就好了。
  最后,去掉标题栏上的 Mozilla Firefox。用winrar打开 \Program Files\Mozilla Firefox\chrome 目录下的 zh-CN.jar,locale – branding,用记事本打开 brand.dtd,把里面的内容改为
< !ENTITY brandFullName "">
< !ENTITY brandShortName "Safari">
< !ENTITY releaseURL "http://www.mozilla.org/products/firefox/releases/1.5.html">
< !ENTITY vendorShortName "Apple">

  什么?你还要改“帮助”里面版权信息页面?够狠……\Program Files\Mozilla Firefox\chrome 目录下,browser.jar – content – branding,替换掉里面的about.png和aboutCredits.png就可以了。压缩包里有个范本,可以参考。

  如果你还要更Safari的效果,请配合WB5使用——这样不管是左边的窗口按钮还是光滑的标题栏渐变,一应俱全。如果你是VS的死忠粉丝,装个mod过的无边VS也可以达到我上面给出的预览的样子。什么?不知道WB5和VS是什么东东?麻烦出门了右转有个地方叫做GuiStyle的负责这个部分的解说……

3 进阶方案——皮肤制作
  觉得最Safari的样子看着腻?想要配合主题给FF换肤?觉得那些下载了的版本不对的FF皮肤丢了可惜?ok,现在给出相当简单的搞定其他Safari类FF皮肤的方法。

  以下的部分是基于要配合主题给FF换肤的办法。版本不对的同学继续练习基本动作……不过我更希望您能跟着一起看看,有好处。

  这个时候,可以把我之前要大家丢在 Documents and Settings 先删除,不然会影响效果。

  鉴于现在很多mac port的主题都提供了StylerToolbar,这给我们的工作带来了很大的方便。找一个和你要的FF效果差不多的已有的FF皮肤,用winrar解压.jar包。看到一堆文件夹还有图片之类的先别晕,我们不需要一个一个看过去……
  a. browser文件夹下有 buttons.png 和 buttons-small.png 分别控制按钮和小按钮的样子,照猫画虎把你有的StylerTB按钮替换上去,就可以了——明白我的皮肤为什么有两种按钮了吧?两个png图片用两种按钮替换就好了。
  另外page-livemark.png 和 page-livemarks.png 可以用Safari的RSS图标来代替,达到Safari上地址栏RSS图标的效果。
  b. global文件夹下要改的东西就多了。不过基本都是照猫画虎就能搞定。
  menu文件夹里的 menulist-dropmarker.png、menulist-dropmarker-dis.png、menulist-dropmarker-hov.png是地址栏下拉的按钮样式。
  progressmeter文件夹里的图片是进度条。
  scrollbar文件夹里的图片是滚动条。

  这几个地方的图片依样做好以后(特别提醒注意图片格式)——妄图再打包的同学可以停手了,没用的——将图片拖放放到.jar包相应的地方就可以了。然后就是基本的主题安装步骤。看到期望的效果了么?

  如果你是打算自己做一个主题还想着发布的话,改掉根目录下的preview.png以及contents.rdf、install.rdf中的信息就可以了。

  版本不对的同学现在有没有脑袋旁边突然亮了个小灯泡的感觉?没错,解压版本不对的皮肤包,替换到版本没问题的其他皮肤包里面,照样用。不会花很长时间啦,总比干等着某大大制作版本正确的皮肤来的现实。

  什么?按照我的方法折腾了半天发现书签栏还有标签栏还是不对劲?还没讲完呢您再忍忍……

  上面的方法是很classic的皮肤制作方法。如果你可以配合VS/WB使用的话,我们有更狡猾狡猾的方法……这个时候让你之前丢到 Documents and Settings 的东西派上用场了(如果删了再给我放回去)。

  讲解一下你丢过去的东东都是什么好了。

  userChrome.css - 控制效果的CSS文件。以后你要改书签栏、标签栏字体什么的在这里改。
  bookmarks-bg.bmp - 书签栏背景。
  Tab-selected.bmp - 选中的标签页的样子。
  tab-bg.bmp - 标签页背景。
  Platinum.bmp - 工具栏背景。

  现在明白了?就是这五个小东西控制着工具栏、书签栏、标签栏的样式。因此,有了这个,我们就不用费劲找要替换的位图了,在皮肤包外即可实现对这几个地方的修改,很快捷。不是于是乎,用默认的皮肤替换掉工具栏按钮以后修改了这几个位图在配合VS/WB就能出来足以乱真的效果,用不着劳神费力等皮肤也不用劳神费力做皮肤。

  更多的我也说不好——我研究FF的皮肤也刚没几天。不过我是懒人,用的都是偷懒的方法,相信和我差不多懒的都能受益——比我勤快的可以考虑自己再开发一更完美的出来。

  最后,这里有一些Firefox的Tips & Tricks,提供给更有兴趣开发FF的人们。

14th April 2006 33 Comments Permalink

Comments are closed.