[多图尝鲜] Google Chrome 试用 Tips

googlechrome

Hi, 大家好~ 好久没有发有营养的东西,今天就扔一篇最近热点的Google Chrome 浏览器的试用心得吧。

 

先说个比较搞的事情,Google Chrome 的英文名字其实还不错(虽然会让人联想到Firefox 的 chrome 协议),但不知为何,中文语言包就硬生生地把它翻译成了“谷歌浏览器”…… 这……Google被翻译成谷歌已经实属郁闷了,这次干脆把Chrome几个字吃掉了,好硬的牙口=v=

 

言归正传,还是以web前端开发者的角度来谈谈Google Chrome 吧。

 

首先呢,google做了一件虽然看上去是普宣,但其实多少故意针对前端开发者的很smart宣传——大家请看——google chrome geek comic:

googlecomic

本物comic 网址:http://www.google.com/googlebooks/chrome/

这种geek comic 其实是前端开发间很流行的一种艺术形式,算是很恰当的把技术和现代艺术结合了,所以看得懂这个的人,应该很有潜质做前端开发才对

 

在Google Chrome 发布以前,流传着一些Google会自己开发浏览器内核的风闻。不过随着Chrome的发布,流言不攻自破。Chrome 的确是使用了Webkit 的内核,所以基本可以参照同类的Safari,连UA都是这样的:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.X.Y.Z Safari/525.13.

所以初步测试,对于样式表的解析和javascript的执行,Chrome 与 Safari 类似度颇高:

jeff-chrome jeff-safari

左图为Chrome, 右图为Safari。可以看见,Safari 除了拥有自己的字体加强算法之外,其它的呈现和Chrome无异。(PS: 照片系老赵授权发布,请大家不要转载,要看的可以去这里保存,另外还有老赵超多的萌图雷图等你发现

甚至两者都有相似的输入框高亮和改变textarea大小的功能:

quicklogin_chrome quicklogin_safari

连ACID3评分也差不多:(如果不了解ACID3,可以到这里看看100分是什么情况的)

acid3_chrome acid3_safari

好消息是,Chrome也会支持一些未来世代(?)的功能。还记得这个Canvas应用么?

canvas_chrome

 

所以至此,我们不必太担心hack对Chrome的影响,因为和Mac 的Safari 3.1 (自称是上最好的浏览器……Apple官网)使用同样的webkit core, 所以hack方面完全兼容——其实在这样令人省心的浏览器上,根本没必要用hack。如果真要使用的话,推荐用一些CSS3的伪类,比如:first-of-type。不过这样真的是完全没有必要的

不过现在暂时还没有报导声称能使用CSS hack 区别Chrome 和Safari 3.1(理论上也不太可能会有)。对此我们以娱乐的心态持续关注中=v= (撒花

 

最后顺便介绍一下Chrome 为前端开发者提供的一些小工具:

 

首先是Web Inspector: 在页面上任何地方点右键,在上下文菜单里会有“审查元素”的选项。不过这词翻译的……审查

contextmenu_chrome

之后就会有一个类似于DOM inspector 的东东出现……感觉到有点像Opera的Dragonfly。请注意右下角的metrics:

inspector

另外,也支持 javascript console(有代码提示功能):

inspector2

以及网页下载速度分析的功能,支持按照时间轴,文件大小,单个文件查看:

inspector3 inspector4 inspector5

但是似乎还是不能查看一个文件详细的header信息,所以暂时还要借助Fiddler

 

只能以命令行方式运作的 JavaScript Debugger:

jsdebugger jsdebugger2

只有最基本的功能……期待这块以后有所加强。完全可以和firebug 一样集成在DOM Inspector里嘛

 

不过下面这个东西还是很好用的——一个内建的Task Manager

taskmanager taskmanager2

可以监测网页的性能,比windows 自带的task manager 精确多了,可以用来跑一些test case 来测试性能也不错

 

基本就这些了,如果有些新的发现再向大家汇报哟~ 以上,大家下次见了哟~

 

PS:上文部分技术规格来源于Google Chrome相关文档。

posted @ 2008-09-08 14:40 棕熊 阅读(3188) 评论(11) 编辑 收藏

 回复 引用 查看   
#1楼 2008-09-08 19:07 Clark Zheng      
嗯,棕熊的文章还是很有营养的,看了这么多天的Chrome相关新闻,的确有点审美疲劳,这篇文章居然能把我吸引住仔细的看完,不容易,嘿
 回复 引用 查看   
#2楼 2008-09-08 21:22 阿一(杨正祎)      
终于看到胡子兄的新作了。呵呵。。
 回复 引用   
#3楼 2008-09-08 22:44 阿德啊[未注册用户]
ie8 b2 下 标题 姓名等走样
 回复 引用 查看   
#4楼 2008-09-09 01:21 Cat Chen      
Web Inspector就是Webkit自带的“插件”,Safari从来都有这东西。
 回复 引用 查看   
#5楼[楼主] 2008-09-09 09:17 棕熊      
@Cat Chen
呃……难怪了,觉得那个Web Inspector和他的javascript debugger 实在不是一个档次的东西

 回复 引用   
#6楼 2008-09-11 09:30 tokki[未注册用户]
终于发出来你鸟
 回复 引用   
#7楼 2008-09-14 01:07 POTO[未注册用户]
尝了一下鲜。
由于平时用惯 maxthon 和 firefox ,忽然没了鼠标手势,加强右键,网页嗅探之类的功能,十分不爽。
不知道这个浏览器能不能外挂增强功能的插件?

顺祝中秋节快乐

 回复 引用 查看   
#8楼[楼主] 2008-09-15 00:42 棕熊      
@POTO
也祝你中秋节快乐 :)

google 官方ms还没有放出plugin 的消息,但是其实已经有第三方团队在做了,可以看看下面的链接:

http://www.chromeplugins.org/

 回复 引用 查看   
#9楼 2009-03-01 10:03 King Xiao      
胡子的文章很不错

提点建议啊,您的这个blog的风格色调太刺眼了,看久了眼睛很不舒服,可以换个淡点的色调吗?只是建议,呵呵

 回复 引用   
#10楼 2009-03-09 01:02 POTO[未注册用户]
--引用--------------------------------------------------
King Xiao: 胡子的文章很不错

提点建议啊,您的这个blog的风格色调太刺眼了,看久了眼睛很不舒服,可以换个淡点的色调吗?只是建议,呵呵
--------------------------------------------------------
不会吧,我觉得这个博很漂亮啊。暖灰调很养眼,橙色的字体点缀一下感觉很有活力,但又不会很剌眼。我很喜欢的说。虽然写文用的表情有点多,估计也是想把技术文章写得生动一点而已。

冒完泡下潜。

 回复 引用   
#11楼 2009-04-09 16:23 双色球[未注册用户]
不错支持下!

版权声明

除特别声明外,本站一切资源均适用于
Creative Commons License This work by 棕熊 is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 2.5 China Mainland License
PS: 这个blog目前暂时不能完美支持IE6