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

今天看代码的时候,再一次忍受不了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的代码,有的时候并不需要……

原文发表于:http://www.zhcexo.com/change-firefox-default-code-display-color-scheme/,转载请注明出处

posted @ 2010-12-07 21:25  zhcexo  阅读(1145)  评论(2编辑  收藏  举报