当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 小建议:让您的网站在谷歌浏览器里更出色

建站经验
全球经济危机下 女站长教你最省钱地建站
个人站长如何转型个人店长
ip到1万多的时候被降权 然后被K站
走向专业之路:网页新手30进阶秘技(上)
我的IDC滴血经历
美橙建站宝典:过招域名低价陷阱
支持原创超强搞笑理论
走向专业之路:网页新手30进阶秘技(下)
最近的网站项目计划 今天彻底给打击破灭
敢问路在何方,路就在脚下 记09站长大会
论坛社区建设:社区急速发展的七个关键点
原创重要还是友情重要
织梦(DeDeCMS)自定义属性研究
社会化媒体营销切入:企业Blog应该怎么写
浅淡网站上线一月 冲刺到主关键字第一页
提升网页和博客设计品质的一些实例和技巧
个人网站做到被收购的一些建议
八大细节提高客户转化率
个人网站成长的瓶颈突破 理论篇
学会两招,让网站成为你的摇钱树

建站经验 中的 小建议:让您的网站在谷歌浏览器里更出色


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 101 ::
收藏到网摘: n/a

自从去年9月谷歌浏览器发布以来,很多网站管理员和开发者纷纷向我们询问如何使自己的网站与谷歌浏览器更兼容。谷歌浏览器团队把这些问题作为很重要的借鉴和参考,这里我想向您提供一些小建议,让您的网站在谷歌浏览器里看起来更出色。

识别谷歌浏览器

大部分网站在Safari和谷歌浏览器的运行状况是一致的,因为它们都是基于Webkit的浏览器。如果您的网站在Safari里看起来正常,那么一般情况在在谷歌浏览器里也能正常浏览。

谷歌浏览器推出的时间还不长,许多网站会在识别上与其他浏览器相混淆。如果您的网站在谷歌浏览器里浏览不正常,但在Safari里能正常浏览,那么很有可能是因为您的网站不能正确识别谷歌浏览器的user-agent字符串。

因为大部分平台和浏览器都接受Webkit作为它们的redering engine,您的网站能够通过正确的Javascript检查自动识别和支持它们。通常情况下,网站使用JavaScript来检测 navigator.userAgent的属性究竟是“谷歌浏览器”还是“Safari”,但是可能的情况下还是建议您使用更妥当的对象识别(英文)。实际上,Gmail网站在谷歌浏览器发布伊始就可以正确地识别Webkit。

如果您必须识别user-agent类型,您可以使用这些简单的JavaScript来识别Webkit:

var isWebkit =
navigator.userAgent.indexOf("AppleWebKit") > -1;

或者,如果您想至少检查一下Webkit的版本是否是某特定版本的话,比如,当您想使用Webkit的某个新功能的时候:

var webkitVersion =
parseFloat(navigator.userAgent.split("AppleWebKit/")[1])
undefined;
if (webkitVersion && webkitVersion > 500 ) {
// use spiffy WebKit feature here }

以下是一些浏览器的发布和相应的Webkit版本,供您参考:

 您还可以在webkit.org(英文)找到关于识别Webkit的更多信息。

其他有用的小建议

1谷歌浏览器不支持ActiveX插件,但是支持NPAPI插件。这意味着您的Flash和Java可以在谷歌浏览器里正常展示,就像在Firefox和Safari里一样。

2如果您网站的文字看起来有些不对劲,请确保您在HTTP Response headers里,或是网页起始处,提供了正确的内容类型和字符编码信息。

3不要将块元素放入inline元素里:

错误:

<a><div>This will look wrong.</div></a>

正确:

<div><a>This will look right!</a></div>

如果您的JavaScript在谷歌浏览器来不能正常运行,您可以使用谷歌浏览器所包含的JavaScript调试器来调试,具体位置在 “page”菜单--》开发人员--》“调试JavaScript”选项。

为了帮助网站管理员和开发者们找到更多问题的解答,我们建立了一个帮助中心(英文)和帮助论坛(英文)来解决您的问题。当然,如果您发现有些部分真的是谷歌浏览器的Bug,也欢迎您告诉我们!

让我们一起来改善谷歌浏览器

如果您希望向我们提供更多帮助的话,我们正在寻找一些乐意允许Google来做内部兼容性测试的网站。如果您有兴趣将自己的网站按照更兼容谷歌浏览器的方向做些改进,请与我们联系[email protected](英文)。

欢迎您向我们反馈意见,让我们一起把谷歌浏览器做得更好!