Google官方建议:如何让网站在Goog…

news/2024/5/10 2:12:31/文章来源:https://blog.csdn.net/baohanqing/article/details/17688975

 

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

 

版权申明:本站文章均来自网络,如有侵权,请联系028-86262244-215 ,我们收到后立即删除,谢谢!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_850865.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[慕课笔记] node+mongodb建站攻略

如何利用nodemongodb来快速搭建一个电影网站&#xff1f; 一&#xff1a;后端部分 整个网站的后端是由node.js来驱动的&#xff0c;所以在后端需要安装node.js,以及在这个基础之上的框架express&#xff0c;它能够帮助我快速的搭建web应用&#xff0c;然后数据库选用的mongodb&…

一步步教你为网站开发Android客户端

http://www.apkbus.com/forum.php?modviewthread&tid17712&extrapage%3D1 文章覆盖知识点&#xff1a;HttpWatch抓包&#xff0c;HttpClient模拟POST请求&#xff0c;Jsoup解析HTML代码&#xff0c;动态更新ListView背景介绍&#xff1a;客户端&#xff08;Client&…

如何让多个不同类型的后端网站用一个nginx进行反向代理实际场景分析

前段时间公司根据要求需要将聚石塔上服务器从杭州整体迁移到张家口&#xff0c;刚好趁这次机会将这些乱七八糟的服务器做一次梳理和整合&#xff0c;断断续续一个月迁移完 成大概优化掉了1/3的机器&#xff0c;完成之后遇到了一些问题&#xff0c;比如曾今零零散散部署在生产上…

色情网站的光棍节“福利”:加密式挂马玩转流氓推广

结语&#xff1a;攻击者对相关加密算法比较了解&#xff0c;选用了较为少见的Rabbit对称加密算法&#xff1b;攻击者具备一定的前端开发经验&#xff0c;代码容错性强&#xff0c;兼容性高了&#xff1b;后台不再是静态文件&#xff0c;而采用了动态生成内容&#xff0c;生成的…

docker搭建网站详细

远程连接centos7 这里我用的是xshell连接centos7 下载docker 这里我用的是阿里的Docker CE 镜像源站 这里我用的是centos7搭建的,如果是ubuntu的可以进上面那个网站上看 step 1: 安装必要的一些系统工具 sudo yum install -y yum-utils device-mapper-persistent-data lv…

GoDaddy网站程序根目录 网站文件上传到虚拟主机哪个目录

用的linux虚拟主机&#xff0c;网站根目录为public_html&#xff0c;(window主机的目录为httpdocs)我们需要把本地做好的网站上传到此目录下 cPanel控制面板 - 文件管理器 - public_html 转载于:https://www.cnblogs.com/bubuchu/p/10216970.html

论文网站及使用方法(ResearchGate、Sci-Hub等)

文章目录1 浏览器准备1.1 Microsoft Edge1.2 Google Chrome2论文网站2.1 ResearchGate2.2 SCI-HUB2.3 谷歌学术2.4谷粉学术3.数据网站3.1镝数聚3.2国泰安数据库1 浏览器准备 ✨ 这两个浏览器不是必需的&#xff0c;只是这两个浏览器适配大多数的网站&#xff0c;其中chrome已成…

大型网站技术架构:大型网站架构演化

这是《大型网站技术架构》的系列读书记录。 一&#xff0c;大型网站软件系统的特点 1&#xff0c;高并发&#xff0c; 大流量。 每秒7亿次请求&#xff0c;阿里新一代数据库如何支撑&#xff1f; PV&#xff08;Page View&#xff09;访问量&#xff0c;即页面浏览量或点击量…

vs2010里面 新建网站里面的 asp.net网站 和 新建项目里面的 asp.net Web应用程序 的区别(上)

http://www.cnblogs.com/iceicebaby/archive/2012/02/21/2361558.html 一&#xff1a;先来看看 新建网站 里面的 ASP.NET 网站的建立过程 我们采用 3层架构 如果我们想把整个项目放到 D:\web网站建设 这个文件夹来&#xff0c;那么我们建立Web层的时候&#xff0c;Web层的地…

vs2010里面 新建网站里面的 asp.net网站 和 新建项目里面的 asp.net Web应用程序 的区别 (下)

地址&#xff1a;http://www.cnblogs.com/iceicebaby/archive/2012/02/21/2361686.html 二&#xff1a;下面是 通过 新建项目 来创建 ASP.NET web 应用程序 下面我们创建 数据库DAL层 和 实体类层 Model 他会自动生成 DAL 文件夹 我们继续 Model 层。方法同上&#xff0c;就不…

部署网站出错,定义了重复的“entityFramework”节点

网站在本地运行正常&#xff0c;部署到服务器&#xff0c;访问出现以下 “entityFramework”节点只定义了一个&#xff0c;但它认为是有多个&#xff0c;最终把该节点屏蔽后网站才能正常运行。没弄明白原理。。。

说说大型高并发高负载网站的系统架构

转载请保留出处&#xff1a;俊麟 Michael’s blog (http://www.toplee.com/blog/?p71) Trackback Url : http://www.toplee.com/blog/wp-trackback.php?p71 我在CERNET做过拨号接入平台的搭建&#xff0c;而后在Yahoo&3721从事过搜索引擎前端开发&#xff0c;又在MOP处理…

MySQL在大型网站的应用架构演变

MySQL在大型网站的应用架构演变 http://www.tuicool.com/articles/VZF3aiF 【编者按】作为最流行的开源数据库&#xff0c;MySQL被广泛应用在Web应用程序以及其它中小型项目上。然而不可忽视的是&#xff0c;在许多大型IT公司中&#xff0c;MySQL在高度优化和定制化后&#x…

MySQL 在大型网站的应用架构演变

写在最前: 本文主要描述在网站的不同的并发访问量级下&#xff0c;Mysql架构的演变 可扩展性 架构的可扩展性往往和并发是息息相关&#xff0c;没有并发的增长&#xff0c;也就没有必要做高可扩展性的架构&#xff0c;这里对可扩展性进行简单介绍一下&#xff0c;常用的扩展手段…

Android开发中混淆后Gson序列化、反序列化的那些坑,网站开发前后端分离

为什么呢? 因为反序列化创建对象本质还是利用反射, 会根据 json 字符串的 key 作为属性名称, value 则对应属性值. 如何解决 将序列化和反序列化的类排除混淆 使用 SerializedName 注解字段 SerializedName(parameter) 通过注解属性实现了 序列化的结果中, 指定该属性 ke…

Hexo+Coding搭建自己的博客网站系列1-本地环境部署

前言 我的博客&#xff1a;https://fitz1318.top/ 最近我终于实现了自己很久之前关于搭建自己专属的博客网站的目标&#xff0c;现在把搭建期间的过程和走过的坑记录下来&#xff0c;如果你对搭建自己的网站有兴趣&#xff0c;不妨可以参考一下我的文章。 首先我说下自己的版本…

Hexo+Coding搭建自己的博客网站系列2-部署博客到Coding上

前言 欢迎浏览我的网站https://fitz1318.top/ 最初&#xff0c;我是选择部署到Github上的&#xff0c;但是最后在弄百度收录时出现了问题&#xff0c;Github Pages屏蔽了百度爬虫&#xff0c;这样子你的博客就没办法被百度收录了。 注册并新建仓库 Coding的网址 &#xff0c…

Hexo+Coding搭建自己的博客网站系列3-详述站点全局配置文件

Hexo 目录如下图 欢迎浏览我的博客&#xff1a;https://fitz1318.top/ 这是Blog文件的目录。从上到下依次解释 node_modules:hexo整个项目的环境依赖&#xff0c;hexo初始化时自动生成的。public:存放的是整个项目的页面&#xff0c;样式&#xff0c;及逻辑代码。scaffolds:s…

【教程】Hexo+Coding搭建自己的博客网站系列5-Next6.7版本主题深度美化

在我进行主题优化的时候&#xff0c;参考了网上很多文章&#xff0c;但是随着Next版本的变迁&#xff0c;越来越多个性化设置已经被集成到Next中。所以我写了这篇关于Next6.7版本主题优化的方案。有时间和精力的话&#xff0c;这篇文章也会随着Next版本变迁持续更新.欢迎浏览我…

前端开发值得收藏的网站

工作空闲时间&#xff0c;作为前端开发人员&#xff0c;还是希望利用好这段宝贵的时间多学习一些前端资源&#xff0c;了解当前前端知识体系&#xff0c;从整体上对当前行业有一个由浅入深的了解和掌握。后续还会慢慢更新好用的前端相关网站&#xff0c;加油&#xff01; 1.Co…