ZH CEXO's BLOG » Firefox

更换Firefox默认查看源代码工具的配色方案

ZH CEXO — Tue, 07 Dec 2010 12:52:51 +0000

今天看代码的时候，再一次忍受不了Firefox默认查看工具显示的恶心效果了。显示代码嘛，你好歹用个等宽字体啊，而且那么大一白背景，几个破破烂烂的字体挂着，看着心里烦。本来每次用Firefox默认的查看工具看代码的时候心里都会有这种抱怨，但这一次我终于暴发了，所以Google了一下看看能不能更换一下字体，没想到的是，控制样式的是CSS，那么拿手好戏来了~效果图伺候先：

好吧，我承认我重口味，换了这配色这么重的Monokai……不过我自己蛮喜欢这款配色的，就换上了。然后把这也拿出来分享吧，因为我想可能至少会有那么一个人，和我一样忍受不了默认样式又喜欢Monokai的配色呢？需要说明的问题是：

1、你下载得到的文件叫viewsource.css，然后找到你的Firefox安装文件夹，里面有个叫res的文件夹下，先备份同名文件viewsource.css，然后再用我改的这个覆盖它。

2、由于Firefox默认的查看器里面的样式控制的HTML标签看不到，而且看了下CSS文件后我觉得它能控制的样式也有限，所以这个Monokai样式与其他软件里面正规的Monokai样式不是百分之百相同。

3、这完全是没技术的修改，改了改颜色而已，如果你喜欢，就直接使用我改的，如果你不喜欢，请自行修改颜色即可。

4、推荐使用Yahei Consolas Hybrid字体，它将中文显示为雅黑，英文显示为Consolas。不过如果你的电脑里有Cosolas和微软雅黑两种字体的话，应该也能正常显示字体，因为对于Firefox来说，font-family: “Yahei Consolas Hybrid”, “Consolas”, “Microsoft Yahei”, sans-serif;这句还是有效的吧。

下载链接：viewsource.css | Yahei Consolas Hybrid字体

又到了PS时间了，囧：大家试试用未修改之前的Firefox默认的查看效果去看看CSS禅意花园的网站，为什么代码会显示得那么工整呢？看别的网站的源代码就不会显示成那样的效果。
另外，大家可能会问，看代码用Firebug多方便啊，为什么要用本来这个？我这样说吧，Firebug显示了DHTML的代码，有的时候并不需要……

用了下Chrome，还是换回Firefox

ZH CEXO — Wed, 06 Oct 2010 05:43:50 +0000

其实再说这两种浏览器，没什么意思，各人习惯就好，不过因为Chrome启动快的原因我试用了个把星期之后，决定再次换回Firefox。为什么？快不是一切，很多东西的优点在于细节，而Firefox正是以很多体贴的细节一直吸引着我。

1、书签保存的问题

大家保存书签的方法是什么呢？点五角星？我不喜欢，我使用的方法是直接把标签拖动到书签栏中我想保存的某个文件夹里面，但是Chrome不支持这种保存方法。用Chrome的人都知道，鼠标拖动标签的话可以让这个标签脱离出来成为一个新窗口。其实Firefox也可以，只不过没有Chrome那么炫的动画而已。另外就是，如果在Firefox中把标签拖动到书签栏中适当的位置，可以快速保存并且整理书签。

2、页面跳转的问题

这是个什么问题呢？我描述一下。我在网页上看到了一个网址，选取一下，然后右键“访问XXX网址”，嗯，很好很方便。但是如果这是一个我没有访问过的网址并且它被墙了的话，我加载了半天还没反应，就会停止载入它，然后加载代理试试，但这个时候问题就来了。在Chrome上点击了停止按钮之后，地址栏里马上会变成about:blank，这样，我又得回到原来的页面去寻找那个地址。Firefox是不存在这个问题的。

3、Flash的问题

Flash不是个好东西，但其实也不是个坏东西，至少我们现在离不开它。但就我自己亲自体会而言，对于有的标签里面有flash广告（比如人人网顶端那种），其他的标签页乃至整个Chrome都会变得卡卡的，失去了之前的流畅感。而Firefox在拥有plugin-container.exe这个防止插件导致浏览器崩溃的功能之前，并未发现什么问题，有了防崩溃功能之后，反而经常看到有flash的标签页崩溃，不知道为什么，但是卡卡的感觉不明显。

4、代理问题

Chrome的代理就是系统里面的代理，即使安装了Proxy Switchy!这个插件，它也是一种变向使用系统代理的方法。比如如果你让所有连接都使用某个代理，那么Chrome和IE都会使用这些代理，其他使用系统代理的软件也会受到影响。如果你用了Proxy Switchy!里面的自动切换模式，它其实是为系统代理生成了一个pac文件选择性使用而已。但是我有这样一种需求，我的Seesmic Desktop 2无法连上twitter了，得设置系统代理，但是这样一设置，我的Chrome访问任何网站都挂代理，这样会让我访问国内的网站多有不便。而Firefox的代理和系统的代理不同，可以用Foxy Proxy这样的插件方便设置。

5、用户脚本支持的问题

很多人喜欢油猴脚本改善某些页面的使用体验，Firefox中是用GreaseMonkey这个扩展实现的，Chrome是原生支持的。但就我使用发现，Chrome对脚本的支持很有问题，比如我使用的avgm（acfun增强脚本）和TwittSeven（twitter增强脚本）在Chrome下都不能使用。我自己也试过写一点Chrome下的脚本，但发现除了能用js改变一下css里面的东西，其他的如操作DOM等都不被支持，这一点我没深入研究，目前也不知道具体是怎么回事。

6、鼠标手势插件问题

Firefox下当仁不让的使用的FireGestures，Chrome下面用的是评价很高的Mouse Stroke。谁更流畅灵便一试便知道，Chrome的这个手势插件感觉比Firefox的这个差了不只一点两点。多的不说。

7、Gmail提醒插件的问题

这里只说Chrome，我使用的Gmail提醒插件用的是Google官方出品的Google Mail Checker，但我不明白的是，为什么在我的Chrome上，它没几次显示了邮件的多少，而多数是灰色图标加问号代替，非得点一下打开Gmail的页面它才会显示正确，那我要这个插件做什么。

其他要说的东西

1、Chrome的很多插件都是由js参与实现的吧，说实在的真不怎么样，js又不是一切。

2、Chrome打开网页的速度我没体会到比Firefox快多少。

3、浏览器不是跑分工具，不过貌似Firefox马上也堕落了。

4、其他浏览器都有的“粘贴并转到”功能就Firefox和IE没有，做上去会死啊？

5、Chrome打开很快，但是插件多了也慢。Firefox打开很慢，但是不装插件也快。另外，我一般打开了Firefox就不关的，不用也最小化着，所以Chrome打开的快不快对我影响不大。

6、本文是我的一家之言，欢迎大家拍砖，当然请注意用词，认真你就输了……

开启Firefox 4 Beta 4的Direct2D加速

ZH CEXO — Wed, 25 Aug 2010 05:53:36 +0000

Firefox 4 Beta 4已经出来了哈，听说带来了Direct 2D加速功能，我就下载下来体验了一把，结果不小心把自己3.6.8版的配置文件都删了，郁闷……不管怎么样，还是试了下，当然用的也是绿色版啦。由于Beta4已经有中文版了，所以绿色版的制作上与之前beta1的方法有所不同，不过大同小异，这里我就不具体说明了。Firefox 4 beta 4默认的Direct2D是禁用的，如何开启呢？请继续往下看。

前提

1、支持DirectX 10的显卡一块

2、你的操作系统必需是Windows 7或Windows Vista SP2，XP是不被支持的

3、安装了显卡的最新驱动

如何开启

1、在Firefox的地址栏中输入about:config，点击“我保证会小心”继续

2、把mozilla.widget.render-mode的值设置为6，默认是-1（开启Direct2D）

3、把gfx.font_rendering.directwrite.enabled的值设置为true，默认为false（开启Direct Write）

4、重启Firefox 4

5、重启之后在地址栏里输入about:support，找到最下面一行Graphics，如果Direct2D Enabled的值为true，则已经开启Direct2D

我的感觉

我的显卡是8500GT的，不知道是显卡太差了还是怎么的，Direct2D没给我感觉使用上有多流畅，反而开启了之后，Firefox经常性地很卡，特别是在页面上flash太多了的时候，plugin-container.exe这个进程占用CPU超大的，而且开启了Direct2D后的Firefox启动速度好像更慢了，不知道什么原因，我也没作过多的测试，要不大家试试吧。

自己动手做个绿色简体中文版Firefox 4.0 beta 1

ZH CEXO — Thu, 08 Jul 2010 15:56:12 +0000

一直大爱Firefox，前两天还在尝试nightly bulid版Minefield的我，一知道4.0的beta1出来了，我就想装着试试。只是自己又是个稳定版软件控，让我拿beta版去换掉3.6.6，心里还是有些舍不得的，怎么办？心中涌出的第一个想法就是把它做成绿色版软件。那么，开始动手吧。

1、下载Firefox 4.0 beta 1的安装文件

也想试试的朋友请点击这里下载4.0 beta 1的安装文件。

2、解压安装文件，而不是双击它

请使用7-zip软件将Firefox Setup 4.0 Beta 1.exe打开，我们可以看到以下文件夹。

然后在你想放置Firefox的地方新建一个文件夹，比如我在桌面上新建了一个名为Firefox4的文件夹。将Firefox Setup 4.0 Beta 1.exe里面的nonlocalized文件夹中的文件解压到Firefox4文件夹中，然后将localized文件夹里面的文件同样解压到Firefox4文件夹中，过程中提示文件夹要合并的、或者文件要覆盖的，都合并覆盖掉。

做好了这些步骤，请不要运行firefox.exe，继续往下看。

3、为Firefox4创建快捷方式

在Firefox4文件夹中找到firefox.exe这个可执行文件，右键单击后在弹出菜单中选择“创建快捷方式”，至于创建出来的快捷方式，你放到你想放到的地方，比如桌面。然后在Firefox4文件夹中新建一个任意名称的文件夹来存放配置信息，比如我的文件夹名就叫“profile”。

找到刚刚创建的快捷方式，打开它的“属性”，在“目标”一栏的后面加上程序运行的参数

-profile “文件夹名”

比如我的就是

"D:\ZH CEXO\Desktop\Firefox4\firefox.exe" -profile "profile"

做好了这一步，可以双击快捷方式运行Firefox 4了。

4、安装中文语言包

点击这里下载Firefox 4.0 beta 1的中文语言包，下载后解压文件丢到Firefox4所在的文件夹里的chrome文件夹下，比如本文中就是Firefox4\chrome，再在Firefox4的地址栏里面输入about:config，打开配置选项，找到general.useragent.locale项，将值改为zh-CN。

重启Firefox 4.0 beta 1，完成，撒花！

插件几乎没装，就装了个鼠标手势，但现在用起来，速度真的很飙，而且启动速度也快，十分畅快~

Refer 大爱 Firefox 4.0 Beta & 图解修改Firefox的配置路径以备份个人设置

图解修改Firefox的配置路径以备份个人设置

ZH CEXO — Tue, 03 Nov 2009 13:29:50 +0000

大家最喜欢的浏览器是什么，这个答案应该很多元化吧，我最喜欢的是Firefox，因为它的灵活性、可定制性，虽然启动慢而且对某些网页渲染很成问题。但有的时候不知道为什么，Firefox用过一段时间之后就开始出现奇怪的问题，比如老崩溃什么的，这个时候大多数人会选择重装它来解决问题吧。再或者，系统有问题，想重装系统，然后装完才发现，Firefox里面的配置插件什么的都丢失了，又得重新来搞，多麻烦……

那怎么备份Firefox的个人配置呢？用扩展？可以，这里向你推荐强大的扩展：FEBE，它能备份已经安装的插件、书签、主题、Firefox配置参数、保存的密码、cookie等几乎所有Firefox里面所有你自己的东西。不想用插件呢？那就继续往下看吧。

其实Firefox自己的配置文件是可以定义的，而且你还可以创建不只一个配置，但似乎很多人不知道这个功能？方法很简单，找到Firefox的快捷方式，如果找不到，就创建一个，然后右键并选择属性，找到“目标”那一栏，在最后面加上

-p

注意横杠前面有个空格，然后确定。

关掉所有运行中的Firefox，再双击那个快捷方式看看，出现了什么？

嗯，如图所示，出现了“选择用户配置文件”的窗口。这里面就可以定制你的配置了。比如说，你重新安装了Firefox，然后把配置改到D:\FxConfig这个路径里面，只要点击“创建配置文件”，出现以下窗口：

单击“下一步”，来选择你的配置文件夹：

这样一来，你的Firefox中所有的东西，包括插件、cookie等等都会保留在这个文件夹下面，配置文件的名称你自己定。

设想一下，以前Firefox的配置文件都保留在系统盘里，如：

Vista下 C:\Users\用户名\AppData\Roaming\Mozilla\Firefox\Profiles\
XP下 C:\Documents and Settings\用户名\Application Data\Mozilla\Firefox\Profiles\

重装系统的时候就丢掉了，挺烦心的，但如果你的配置不在默认的这个路径里，那重装后只需要再次进行这个步骤，把配置路径指向你原来的配置路径，一切不就回来了么！至于配置文件已经在系统盘里面的童鞋们，只要把默认路径中的相关文件都复制到新的路径里面，再改一下配置地址就行了。

扩展一下应用

既然这样可以指定配置文件的路径和文件名，那只要路径不同文件名不同，就可以创建多个配置文件啦。而且对于Firefox来说，扩展安得越多，越是拖慢启动的速度。有了这个方法，你可以在做不同事情的时候使用不同配置的Firefox。比如说，创建两个快捷方式，指定两个不同配置，其中一个用于一般网页浏览，安简单的扩展;另一个用于网页设计，安上相关功能的扩展就可以了~

好奇的同学赶快试试吧，你不会失望的！

为Firefox做一个静态起始标签页

ZH CEXO — Wed, 14 Oct 2009 12:28:38 +0000

我想用过Opera的朋友们应该不陌生，它有一个很人性化的功能就是“快速启动”页面，你可以将最常用的书签放入快速启动的页面，然后访问起来的确带来了便利。而Google的Chrome也引入了类似的功能，它是将起始页面以你最常访问的频率来记录下来，时间用得久了，Chrome自动为你生成的起始页面也更加精确，现在也可以把书签“钉”住，这样就和Opera差不多了。火狐呢？它也有，强大的扩展能力让它实现这个功能易如反掌，比如说安装一下Fast Dial这样的扩展，安装Google Toolbar for Firefox也可以实现和Chrome同样的功能。我现在要介绍的，是自己来做一个这样的静态页面，需要的工具是Tab Mix Plus等这样能管标签的扩展。

实现起来相当容易，是仿Chrome的起始页做的，先上效果图：

应该比较像吧，但这是在Firefox里面的效果。先把我提供的文件下载后解压，然后编辑里面的

chrome.html

这个文件，编辑方法无非就是改一下链接，换一下地址描述和改一下缩略图，没有什么技术可言。这是一个静态页，没有统计访问历史的功能，也不具备动态效果，所以如果你不感兴趣，可以忽略。具体的方法文件里面用注释标明了，不会改的可以仿照例子试一下。

当将你的页面设置好以后，放在一个可以永久保存的地方，然后在Firefox里面打开Tab Mix Plus的选项，点击上面的“事件”图标，切换到“标签页打开”选项卡，然后，在“新建标签页打开”中选择“用户指定的页面”，然后输入chrome.html这个文件的完整路径就可以了。给个图更明朗简洁：

到此就结束了，如果你也是这样做了，那么现在在Firefox里面新建一个标签页试试，看看能不能出现想要的效果~

这个文件结构和代码都很简单，可以通过W3C的XHTML的验证，但不能通过CSS验证，因为我使用了Firefox和webkit的圆角代码，不过因为是自己用，没什么关系吧。

最后要说的就是我做这个的原因：

1、Firefox本身没有这个功能

2、这种设计的确可以提高网页访问的便捷性

3、Firefox启动速度慢，安了扩展会更慢

4、没想到

至于小浒子指出“为什么没有搜索框”，一般我用的是Firefox自带的搜索框，所以这个功能没加上。

点击下载文章提到的文件

本站Firefox页面正式上线

ZH CEXO — Sat, 16 Aug 2008 08:40:20 +0000

由于现在我的电脑依然不能上网，所以网站更新起来很不方便，而且我在家里闲着也没事做。武汉那天雷暴过后就一直在下雨，外出也不方便，所以我就在家用刚学的CSS做了一个Firefox的页面，现在拿出来交给大家。

一直以来大家应该只听到过Firefox的名字或者看到漫天遍野的广告，自己真正想动起手来使用可能会发现，面对着繁多的扩展，哪些有用，哪些没用呢？不可能一个一个地去试，然后看着想着，就放弃了使用Firefox的念头。其实Firefox是相当优秀的，至少在我看来，它比我使用IE时候的感觉好得多。一来它对标准网页解释得非常好，二来它丰富的扩展的确给我带来了不少方便。

现在这个页面我已经做出来了，都是仿照的Firefox官方扩展页面制作的，而且相应的链接都已经做好了，上手应该相当容易。里面的描述很简单，我也是为了避免大家看得不耐烦才把功能都概括了一番。你下载了Firefox后，如果有耐心，那就看看我推荐的扩展，然后选择你们觉得适合自己的安装。如果你没那个耐心，那就把我推荐的所有扩展都安装吧，也不会有太大的问题。一般来说，Firefox安装完一个扩展就会提示要你重启浏览器，但我现在提个小窃门，先安装所有需要的扩展，再一次性完成重启。

由于这个页面是针对新手来写的，所以如果你正在使用Firefox并且已经是一位高手的话，你可以跳过本文，或者也可以去看看我做的页面，然后给我一些建议，把想法发到我的邮箱，xcjjzh[at]gmail.com，我忠心感谢你们！

好了，废话我就不多说了，把目光移动到导航栏上，然后点击Firefox那个页面链接吧！或者现在就猛击这里！

PS:我做的这个页面和广告没有任何关系，仅仅是一篇入门级的文章而已。你们可以看看那个页面上的链接，都是指向标准的官方地址，其中不含有Linxo.cn之类的字样，是和做广告无关的~

七个推荐给WebMaster的Firefox扩展

ZH CEXO — Fri, 25 Jul 2008 03:35:33 +0000

Firefox的强大之处就在于它数不胜数的扩展，功能涵盖方方面面。作为一个WebMaster，你可能会用到网站建立和网页设计等等相关的软件，但是五花八门的软件不但难找，使用起来也不一定很方便。这里我就介绍一下我在使用的七个与网站开发相关的Firefox扩展，它们把众多功能集合一在个浏览器里。

1. FireFTP

建站期间文件什么的都要往服务器上传吧，大家多数选的软件都是诸如FlashFXP之类的专业FTP工具，我以前也用的这个。但是现在我选择了FireFTP，因为可能是网络问题吧，我用FlashFXP上传文件的速度慢得不可理喻，而且经常掉线，而FireFTP就不会，具体原因我也不知道。主界面如下，和一般的FTP软件很像吧。

2. Firefox Universal Uploader

这个插件是做什么的呢？一般的个人网站月流量是有限制的，所以图片什么的一般都选择外链，而不是放在自己的服务器上，比如说Picasa相册或者别的什么网络相册。使用这个工具，你可以像使用FTP上传一样来上传你的文件，很方便，当然其实质应该不是FTP。这个扩展不仅仅支持Picasa，还有Flickr，Box.net，Google Docs都支持，需要的人可以去试试。

以下的扩展都是与网页设计相关的。

3. Abduction!

这个扩展是把整个网页保存为一幅图片，你可以参考别人的设计，网页的配色等，图片可以保存为PNG和JPG等格式，比较方便。如果某些网页不允许你保存页面的话，也可以用这个扩展把页面保存为图片，需要的时候拿出来放大看，效果是一样的，只是图片上的文字就不能复制了。以下是取图界面：

4. Firebug

Firebug使用的人太多，我不详说，功能包括查看网页源代码，CSS，脚本，还带有一个DOM查看器，与之功能相当的还有Web Developer。以下是Firebug的网页内容查看器：

5. Web Developer

如上所说的，Web Developer在功能上与Firebug相当，但是我个人觉得Web Developer好用一点，因为可以自由地选择要显示的，不显示的，包含的功能很丰富，还包含了网页标准认证的按钮和提示，对CSS开发者来说应该相当方便。我常常是这两个扩展一起用。

6. ColorZilla

ColorZilla是个方便的网页颜色分析工具，它包含颜色选择器，调色板，颜色DOM分析工具，支持鼠标对特定对象的选择，可以和Firebug协同工作，支持网页缩放。你可以用它对视觉效果强的网站进行配色分析，然后参考进行设计。

7. CSS Viewer

CSS Viewer是个比较简单美观的CSS查看器，没有什么其他的功能，CSS查看的功能虽然不及Firebug和Web Developer，但是这个工具方便得多。如果你只想看看网页上特定元素的CSS属性，安装这个扩展后，在工具菜单里选择CSSViewer这项，就可以用鼠标指向相应的网页元素来看CSS信息了，免得去打开那个Web Developer或者Firebug。

最后说一下，安装了很多扩展后，Firefox的启动速度什么的就会很慢，如果不是必须，这些扩展不一定要全部安装的，更何况Firefox里面还要安装别的扩展。我现在就被拖得不行，启动一次Firefox3还要接近一分钟呢……

ZH CEXO's BLOG » Firefox

更换Firefox默认查看源代码工具的配色方案

相关阅读

用了下Chrome，还是换回Firefox

1、书签保存的问题

2、页面跳转的问题

3、Flash的问题

4、代理问题

5、用户脚本支持的问题

6、鼠标手势插件问题

7、Gmail提醒插件的问题

其他要说的东西

相关阅读

开启Firefox 4 Beta 4的Direct2D加速

前提

如何开启

我的感觉

相关阅读

相关阅读

自己动手做个绿色简体中文版Firefox 4.0 beta 1

1、下载Firefox 4.0 beta 1的安装文件

2、解压安装文件，而不是双击它

3、为Firefox4创建快捷方式

4、安装中文语言包

相关阅读

图解修改Firefox的配置路径以备份个人设置

相关阅读

为Firefox做一个静态起始标签页

相关阅读

本站Firefox页面正式上线

相关阅读

七个推荐给WebMaster的Firefox扩展

相关阅读