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

建站经验
高校贴吧集体被封:你的网站就是你的吗?
浅谈如何寻找合适的免费空间
web2.0助站长寻找全新模式
菜鸟建站须知:一个好网站是如何炼成的!
揭秘八种常见的网络广告防作弊技术
区域旅游网站 怎样做大做强
老站长教你如何选择优质域名解析商
简单8招 教你如何提高网站的用户体验
新手做电影站一星期IP过千的经验分享
优化购物流程设计
解决地方论坛百度收录问题的五点体会
站长原则 简单,可依赖
浅谈新手站长如何选择服务好的供应商
经验:百科让我的站点如虎添翼
一天赚了3500,踩狗屎外的一些真经验
一个月把热门关键词做到百度第3位的经验
做地方分类信息网站的经验谈:本地、人性化、互动
抛“网”引“砖”,谬谈宗内网的运营定位
建立b2c、c2c商城的构架与排名策略
想提高网站收入 AdSense还是不要频繁换动为佳

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


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

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