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

建站经验
刀片服务器散热的五种方法及选择
浅谈URL使用在前端设计中的优化
浅谈网站优化的程序化 九个因素必须注意
每个行业都应该有自己的一个饱和点
一个老站长创建小说站的辛苦历程
站长们需小心代理备案骗局
频繁更换主题对博客的影响 内容建设要紧
个人网络创业必须要遵循的五个基本原则
网站托管商(webhosting)与SEO的关系
如何从godaddy转出域名
修改NS和修改A记录的区别
Windows下使用cwRsync定期备份网站
13 个 WordPress 提速技巧
谨慎开启GZip加速 可能影响百度蜘蛛抓取
网站易用性分析 43条网站设计中常犯错误
要引以为戒:十个用于网站设计的不好习惯
个人网站建设到底要怎样才能赚钱
18个能减少你设计精力的web2.0网页辅助工具
看上去大气的企业网站的制作理念
勤俭持家:我是如何来释放虚拟主机空间的

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


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

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