Webkit和Trident内核的黑白网页测试
//=====================================================================
//TITLE:
// Webkit和Trident内核的黑白网页测试
//AUTHOR:
// norains
//DATE:
// Thursday 22-April-2010
//Environment:
// Windows CE 5.0
// Windows XP
//=====================================================================
2010年4月21日,一个举国哀悼的日子。
在这个日子里,很多网站给自己披上了黑装,以此悼念我们逝去的同胞。
我们先忍住内心的悲痛,来看看网站的黑白页面的实现。普遍来说,这些黑白页面都只是加上代码,让画面的输出转化为黑白。很简单的例子,你可以保存网站上的某一个图片,会发现在你电脑上的图片是彩色的。
因此,我们可以很确定,网站的黑白是代码渲染的结果。
代码,是程序员写的;有没有考虑到不同浏览器的兼容,考验的是程序员的功力。我们用不同内核来浏览,看看呈现在我们眼前的有多大的不同。为了简便,我只是用搜狗浏览器V2.0版本进行简单测试。之所以采用该浏览器,仅仅是因为其方便的内核切换而已。
搜狗浏览器的内核切换用"兼容"和"高速"表示。前者是Trident内核,这是IE所使用的,也常常被称为IE内核;后者则是WebKit内核,苹果的浏览器就是基于此。
那么,让我们来看看不同网站在不同内核下的表现。
1.腾讯网
在Trident下表现得很完美,基本上所有的内容都能够以黑白呈现。
Webkit就有略有瑕疵,左上角的腾讯新闻还是彩色的。
2.新浪网
Trident下表现也是非常完美,全盘都是黑白主调
Webkit就表现略差水准了,一些链接依旧还是蓝色,左下角的图片依然还是彩色。
3.百度
Trident的表现无可挑剔。
Webkit则不如人意,除了百度的logo变黑白以外,其余文字不受影响。
4.谷歌
Trident除了logo变黑白,其余一切照旧。
Webkit和Trident表现形式基本上一致,也只是logo变黑白。有点怀疑google并没有设置将整个页面变黑白。
5.搜房网
在Trident下表现称得上完美。
Webkit则表现大跌眼镜,整个页面压根儿就没有一点黑白的色彩!
6.CSDN
最后来看看我们程序员的大本营。首页基本上都是黑白,但有一个瑕疵,右下角的动态图片没有正常显示。
Webkit的表现也非常不错,在Trident中无法显示的右下角图片,也能正常显示。唯一一点小问题,右下角的图片的选择呈红色。
如果是转到博客的发表文章,就比较郁闷了。
在Trident是表现为全黑白,但编辑框中我们平时能看到的插入图片啊,插入代码等等这些工具栏,全部消失不见了。就连上传图片的对话框,也无法正常显示。
Webkit就迥然不同,色彩,功能,全部呈现,就和我们平时没有任何两样。
过了4月21日,基本上网站都会换回自己平时的装扮,大家也不会有机会去验证。当然,我希望这验证的机会,在往后的日子里,永远都不要出现。
最后,让我们一起为玉树的灾区人民祈福!
玉树,挺住!我们永远在背后支持你们!