中国的博客，走近我们的产品、技术和文化
Google 中国的博客，走近我们的产品、技术和文化
让您的网站在谷歌浏览器里看起来更棒
2009年4月16日
转载自
谷歌中文网站管理员博客
发表者:
Glenn Wilson
, Google Chrome产品经理
原文:
Helping your site look great with Google Chrome
发表于: 2009年3月26日星期四，下午5:35
自从去年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版本，供您参考：
Browser
Version of WebKit
Chrome 1.0
525.19
Chrome 2.0 beta
530.1
Safari 3.1
525.19
Safari 3.2
525.26.2
Safari 4.0 beta
528.16
您还可以在
webkit.org
(英文)找到关于识别Webkit的更多信息。
其他有用的小建议
谷歌浏览器不支持ActiveX插件，但是支持NPAPI插件。这意味着您的Flash和Java可以在谷歌浏览器里正常展示，就像在Firefox和Safari里一样。
如果您网站的文字看起来有些不对劲，请确保您在HTTP Response headers里，或是网页起始处，提供了正确的内容类型和字符编码信息。
不要将块元素放入inline元素里：
错误:
<a><div>This will look wrong.</div></a>
正确:
<div><a>This will look right!</a></div>
如果您的JavaScript在谷歌浏览器来不能正常运行，您可以使用谷歌浏览器所包含的JavaScript调试器来调试，具体位置在
"page"菜单-->开发人员-->"调试JavaScript"选项。
为了帮助网站管理员和开发者们找到更多问题的解答，我们建立了一个
帮助中心
(英文)和
帮助论坛
(英文)来解决您的问题。当然，如果您发现有些部分真的是谷歌浏览器的Bug，也欢迎您
告诉
我们！
让我们一起来改善谷歌浏览器
如果您希望向我们提供更多帮助的话，我们正在寻找一些乐意允许Google来做内部兼容性测试的网站。如果您有兴趣将自己的网站按照更兼容谷歌浏览器的方向做些改进，请与我们联系
chrome-webmasters@google.com
(英文)。
欢迎您向我们反馈意见，让我们一起把谷歌浏览器做得更好！
標籤
编程之夏，UR
创新
创意改善社会 公益温暖中国
促进智能能源利用
大学
谷歌翻译，即时相机翻译，Instant Camera Translation
谷歌十周年系列
谷歌艺术与文化
观妙中国，Shadow Art，智玩皮影
广告
广告安全
互联网，Internet
科技
女性开发者
社会
视频广告
数据中心
数字营销
搜索
网站管理员
文化研究所
艺术计划
音乐搜索
愚人节
增强型广告系列
智能隐形眼镜项目
中小企业
adexchange
Admob
admob sdk
Ads
Adsense
AdWords
android
android m
Android应用开发中国大学生挑战赛
App Inventor
Calendar
cardboard
CES
Chrome
Chrome Web Store
Chrome，Chrome实验
Chrome实验
CI
Code Jam
corporate
Creative
Cross-device
Cultural Institute
culture
Data Center
DevArt
Developer
display
diversity
Doodle
DoubleClick
G+
G2G，Culture
GA&C
gaming
Global Impact Awards
Gmail
Gogle科学挑战赛
Good to Know
Google Ads
Google AdWords
Google Analytics
Google Art Project
Google Arts & Culture
Google Code-in竞赛
Google Demo Day Asia
Google Docs
Google Doodle
Google Drive
Google Drive 云端硬盘
Google Fiber
Google Font
Google for Startups
Google Green
Google I/O
Google Image Search
Google Keep
Google partners
Google Play
Google Science Fair
Google Search
Google Top Contributor Summit
Google Translate
Google Trend
Google Trends
Google Zeitgeist 2012
Google安全系统
Google博士生奖研金
Google翻译
Google奖学金
Google杰出贡献者峰会
Google科学挑战赛
Google网站管理员
Google网站管理员，Webmaster
Google文化研究所
Google在线营销挑战赛
Google中国教育高峰会
IME 输入法
Innovation
Made with Code
maps
mobile ads
mobile ads sdk
Modoo
moonshot
native ads
Nexus
programmatic buying
Project X
Pwn20wn及Pwnium3 黑客大赛
Remarketing. Ads
Search
Security
smb
Solve for X
Street view
student
UR
VR
Web Platform Docs
web security
Webmaster
year in search 2014
YouTube
zeitgeist
博客归档
2024
11月
10月
8月
7月
6月
5月
4月
3月
2月
1月
2023
12月
11月
10月
9月
5月
4月
3月
2月
2022
11月
10月
5月
4月
2月
1月
2021
10月
9月
5月
4月
3月
2月
2020
12月
5月
4月
3月
2019
10月
8月
7月
6月
5月
4月
3月
2018
12月
10月
9月
8月
7月
6月
5月
3月
2月
1月
2017
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2016
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2015
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2014
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2013
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2012
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2011
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2010
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2009
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2008
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2007
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2006
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
Feed
