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

建站经验
站长讲座第九期 UCH官方SNS专家杜均交流地方性SNS运营经验
十个月聚集15万站长会员 站长论坛是如何做到的
团队管理及交流论坛的重要性 运营经验分享
大家炒作 才是真的炒作
草根50天建站记录:第一天(连载)
百度google没收录也可以做到日IP1000+
新手做站一个月 决定马上重新来过
新站真的被百度封了嘛?原因分析
没有回头客的垃圾站 如何去赢得搜索引擎
水易:谈谈这几年做垃圾网站的网赚经历
成功网站的三项简单能力 内容设计以及技术
50天建站记录 连载:第四天网站的节日推广
网站可用性设计 6个最普遍可用性设计错误
50天建站记录连载:第二天关键字选择方面
堆积自己的故事 为你的人生留下一个好站!
增加有效内容 7种减少网站重复内容的方法
概念释疑:URL绝对路径和相对路径与SEO
与企业网站有区别 谈行业网站的设计心得
软文的推广已经深入人心了吗?
详解网站的301转向以及网址的规范化建设

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 87 ::
收藏到网摘: 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](英文)。

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