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

乡巴佬200

乡巴佬200

2016-02-19 17:37

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的小建议:让您的网站在谷歌浏览器里更出色懂设计的网友们快点来了解吧!

  自从去年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元素里:

  错误:

adivThis will look wrong./div/a

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  正确:

divaThis will look right!/a/div

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

Web开发
小建议:让您的网站在谷歌浏览器里更出色

谷歌浏览器怎么更新 怎么给谷歌浏览器升级

软件教程
谷歌浏览器怎么更新  怎么给谷歌浏览器升级

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

让您的网站更有的放矢:网页设计的小建议

Web开发
让您的网站更有的放矢:网页设计的小建议

谷歌浏览器怎么调试js 谷歌浏览器调试javascript教程

软件教程
谷歌浏览器怎么调试js  谷歌浏览器调试javascript教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

谷歌浏览器手势插件怎么操作 谷歌浏览器手势操作教程

软件教程
谷歌浏览器手势插件怎么操作 谷歌浏览器手势操作教程

谷歌浏览器怎么屏蔽广告?谷歌浏览器设置屏蔽广告方法

电脑网络
谷歌浏览器怎么屏蔽广告?谷歌浏览器设置屏蔽广告方法

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

想念你白色袜子 - QQ图案分组

想念你白色袜子 - QQ图案分组

MySQL平台数据库备份方案详细说明

MySQL平台数据库备份方案详细说明
下拉加载更多内容 ↓