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

2016-02-19 17:37 3 1 收藏

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

【 tulaoshi.com - Web开发 】

  自从去年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

  正确:

divaThis will look right!/a/div

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160219/1615664.html

延伸阅读
标签: 软件教程
由于工作原因需要经常测试页面在不同平台间的效果,谷歌Chrome浏览器,可以很方便地用来当手机模拟器。在 PC 上使用chrome 谷歌浏览器模拟手机浏览器是一件非常简单的事情,最新 chrome 浏览器都提供了这项功能,可以模拟 anroid 、iphone、meego、黑莓等等多款手机,还有多款手机浏览器,如chrome、firefox以...
启动谷歌浏览器的扩展管理器页面 首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择工具选项,然后点击扩展程序来启动谷歌浏览器的扩展管理器页面。 打开浏览器的扩展管理器 在打开的谷歌浏览器的扩展管理器中用户可以看到一些已经安装程序的谷歌浏览器插件,或者一个浏览器插件也没有。 将下载好的文...
标签: 浏览器
如何设置谷歌浏览器主页   1、当然第一步是下载安装谷歌浏览器,直接百度输入谷歌浏览器,即可下载安装,直接安装即可 2、安装完毕后,我们打开google浏览器,谷歌浏览器展现在我们眼前 3、谷歌浏览器整体感觉清爽简洁,我们点击点右上角的设置图标 4、打开菜单中的设置 5、谷歌浏览器的设置菜单初看...
标签: 浏览器
谷歌浏览器2014插件使用   1、快捷工具 支持自定义快速访问菜单,保存未提交表单数据,快捷键,网址一键通,原始图片查看,图片放大镜,设置图片为桌面背景,独立视频 2、迅雷/快车/旋风专用链转换 Private Link Support 3、广告终结者广告的方式也在更新,你可以自定义去除广告 4、Adblock+Element Hiding Helper,...
标签: 浏览器
谷歌浏览器怎么查看缓存   谷歌浏览器怎么查看缓存 第一:启动Chrome浏览器。 第二步:在Chrome浏览器的地址栏输入Chrome:Version查看Chrome浏览器保存文件的位置。 在我的电脑找到此路径。C:UsersAdministratorAppDataLocalGoogleChromeUser DataDefault 谷歌浏览器缓存位置更改教程 第一步:Chr...

经验教程

275

收藏

68
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部