Hi Jason
  • About
  • Keywords
    • keywords - 2021/01
    • Keywords - 2020/08
    • Keywords - 2020/07
  • Note
    • 2021
    • 2020
      • 伊拉克域名.IQ被美国删除的背后以及早期的根域名管理
      • 美国如果把根域名服务器封了,中国会从网络上消失?
      • The Technical Data Guidance
    • 缓慢收藏, 小心整理
      • 泰戈尔诗句节选
    • 金刚经 原文 | 抄经
  • Read
    • 符号
    • 段永平投资问答录
      • 符号的设计
      • 符号形式探寻
      • 作为符号的设计(上篇)
      • 作为符号的设计(下篇)
      • 符号化设计之符号形式探寻
    • Dark Mode
      • Dark Mode的设计要点
      • 一篇吃透 Dark Mode ,搞定“暗黑/深色”适配
    • Apple
      • Apple “无缝”设计之历程
      • Apple 那些“无关紧要”的设计改进
      • HomePod 的设计
      • 解决方案、设计、好设计,Apple UI 设计中的 Tuning
      • Apple 的 Logo 设计
      • J 的艺术,R 的艺术
      • 从圆角到圆角
      • Apple 颜色设计的历程
      • 欲望、逻辑和习惯
      • 反“建筑学”的 Apple Park 将刺激建筑的发展
      • 螺钉,还是胶水?
      • 关于苹果设计的书籍和文章推荐
      • 正面冲撞习惯
      • 从 iOS 7 的电话图标到 polyoxybenzyl…
      • Affordance(可供性)和设计
      • 美的感知力
      • 2010: A Design Odyssey
      • iPad,从 niche 到 mass
  • Source
    • Nginx
      • 前言
      • Nginx入门
      • Nginx 配置文件
      • Nginx 内存池管理
      • Nginx 基本数据结构
      • Nginx 数组结构 ngx_array_t
      • Nginx 链表结构 ngx_list_t
      • Nginx 队列双向链表结构 ngx_queue_t
      • Nginx 哈希表结构 ngx_hash_t
      • Nginx 红黑树结构 ngx_rbtree_t
      • Nginx 模块开发
      • Nginx 启动初始化过程
      • Nginx 配置解析
      • Nginx 中的 upstream 与 subrequest 机制
      • Nginx 源码结构分析
      • Nginx 事件模块
      • Nginx 的 epoll 事件驱动模块
      • Nginx 定时器事件
      • Nginx 事件驱动模块连接处理
      • Nginx 中 HTTP 模块初始化
      • Nginx 中处理 HTTP 请求
      • Untitled
      • Untitled
    • Part 1
      • curl
  • Google Dev
    • 重要概念
      • Google 搜索的工作方式
      • 什么是展示次数、排名和点击次数?
      • 关于我们的统计信息和数据
    • Search Console帮助
      • 指南概览
      • 网站站长指南
      • 常规指南
        • 搜索引擎优化 (SEO) 新手指南
        • 使用 HTTPS 确保网站安全
        • 保持简单的网址结构
        • 向 Google 说明您的出站链接的用意
        • 将网站标记为面向儿童的内容
        • 浏览器兼容性
        • 避免创建重复内容
        • 确保链接可供抓取
        • 借助 Google 搜索进行网站测试的最佳做法
      • 专门面向内容的指南
        • 与 Google 搜索中的 AMP 网页相关的准则
        • AJAX 增强网站
        • 图片和视频
          • Google 图片最佳做法
          • 图片站点地图
          • Google 图片中的图片权限元数据
          • 视频最佳做法
          • 视频 Sitemap 及其替代方案
          • 有关富媒体文件的最佳做法
        • 播客
        • Google 移动
          • 在功能手机上进行移动浏览
          • Web Light:在搜索结果中提供更快速且更精简的移动版网页
          • Google 搜索中的 Web Light 网页对广告网络的支持
          • Google 探索和您的网站
          • 实用资源:面向适合在移动设备上显示的网页的开发者
          • 将移动网络结算费用明确告知用户
          • 将 Android 应用与网站相关联
      • 质量指南
    • Google Cloud CDN
      • 使用拖管实例组设置 Cloud CDN
      • 使用后端存储分区设置 Cloud CDN
      • 使用缓存键
      • 查看日志
  • Guidebook
    • Color Guide
    • Material.io
  • Navigation
    • Google
    • Social & Study
    • Working Tools
Powered by GitBook
On this page
  • 在尽可能多的浏览器中测试您的网站
  • 编写高质量、易解译的 HTML
  • 指定字符编码
  • 使网页易于访问

Was this helpful?

  1. Google Dev
  2. Search Console帮助
  3. 常规指南

浏览器兼容性

Previous将网站标记为面向儿童的内容Next避免创建重复内容

Last updated 4 years ago

Was this helpful?

用户通常会使用浏览器访问您的网站。各浏览器解译网站代码的方式略有不同,这意味着您的网站在不同浏览器中显示的效果会有所差异。一般情况下,您应避免依赖于浏览器特定的行为,例如在未指定内容类型或编码的情况下,希望浏览器可以正确检测到相应的内容类型或编码。此外,您还可以采取以下步骤来确保网站在不同的浏览器中都能正确显示。

在尽可能多的浏览器中测试您的网站

完成网站设计后,您应通过多个浏览器复查网站的外观和功能,确保将您独具匠心的设计完美呈现给所有访问者。早在网站开发阶段,您就应该进行这种测试。各种浏览器(甚至是同一浏览器的不同版本)对同一网站的呈现可能会有所不同。您可以使用诸如 这样的服务来了解访问者最常使用哪些浏览器访问您的网站。

编写高质量、易解译的 HTML

即使您编写的 HTML 无效,您的网站在某些浏览器中也可以正确显示,但尽管如此,您的网站可能不会在所有浏览器(或将来出现的浏览器)中都正确显示。要使您的网页在所有浏览器中显示的效果相同,最好的方法就是使用有效的 HTML 和 CSS 编写网页,然后在尽可能多的浏览器中测试这些网页显示的效果。有效、易解译的 HTML 可保证网页得以正确显示,而 CSS 可以将网页的外观和内容分离开来,使网页可以更快速地载入和呈现给访问者。您可以使用验证工具检查自己的网站,例如 W3 Consortium 免费提供的在线 和 ,还可以使用诸如 快捷地清理您的代码(尽管 Google 强烈推荐使用有效的 HTML,但这并不影响 Google 抓取您的网站并将其编入索引的方式)。

指定字符编码

为使浏览器可以呈现您网页上的文字,您应始终为相应的文档指定编码。某些浏览器无法识别文档深处的字符集声明,因此,您应将此编码置于文档(或框架)的顶部。此外,您还应确保您的网络服务器不发送相冲突的 HTTP 标头。content-type: text/html; charset=ISO-8859-1 等标头将替代网页中的任何字符集声明。

使网页易于访问

并非所有用户都会在浏览器中启用 JavaScript。此外,Flash 和 ActiveX 等技术在某些浏览器中的效果可能并不好(或根本不适用)。建议您按照 进行操作,然后在 这样的纯文本浏览器中测试您的网站。提供针对富媒体内容和功能的纯文本浏览方式,有助于搜索引擎更方便地抓取您的网站并将其编入索引,同时也大大方便了使用屏幕读取器等技术访问您网站的用户。

Google Analytics(分析)
HTML
CSS 验证工具
HTML Tidy
Flash 和其他富媒体使用指南
Lynx