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

建站经验
个人经历谈:月光下的新手站长注意事项
我的建站经历和感悟
老站长教你如何选择广告商
新手站长如何选择网站主题
电风扇、方便面、凉开水:我的站长之路
创业还是辞职 我站在悬崖的边缘
换链接过程中如何判断对方网站权重的一些浅见
教你如何寻找更多的外链
Admin5.com和Chinaz.com全面PK
虚拟主机选购的一点经验
中小企业如何走出网络营销困境?
站长学习网教你如何写教程
浅谈新农民网网站的建立
另类观点:七年个人站长经验 赚钱是王道
站长如何应对PR频繁更新?
虚拟主机空间如何设置防盗链 (防图片/mp3盗链)
浅谈网站安全
做友情链接要注意pr是否被劫持
剖析Baidu收录及更新规则
地方网站注重什么?

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


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

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