您的网站应该支持哪些浏览器？

本文是与SiteGround合作创作的系列文章的一部分。感谢您支持使SitePoint成为可能的合作伙伴。

网站/应用程序应该支持哪些浏览器？这是一个客户和开发人员经常提出的问题。简单的答案是列出前N个主流应用程序。但是，这种策略是否已经变得无关紧要了呢？

要点

• 网站应该支持哪些浏览器这个问题并非易事，它取决于各种因素，例如目标受众、网站类型和可用资源。
• 尽管有各种各样的浏览器，但它们都有相同的目标：呈现网页。但是，没有两个浏览器以完全相同的方式呈现，这会导致细微的差异，而这些差异在使用尖端技术时会变得更加明显。
• 渐进增强技术可以通过建立基线，然后在支持时使用CSS和JavaScript进行增强，来帮助确保网站在每个浏览器中都能正常工作。但是，对于具有丰富的自定义界面的应用程序来说，这变得不太实用。
• 开发人员应该将Web视为一个与设备无关的平台，采用防御性开发技术，并在各种应用程序中测试他们的项目。他们还应该意识到技术在不断发展，更复杂的网站或应用程序可能需要持续维护。

最常用的浏览器有哪些？

根据StatCounter 2017年5月的统计数据，十大桌面浏览器为：1. Chrome——59.37%的市场份额 2. Firefox——12.76% 3. Safari——10.55% 4. IE——8.32% 5. Edge——3.42% 6. Opera——1.99% 7. Android（平板电脑）——1.24% 8. Yandex浏览器——0.48% 9. UC浏览器——0.41% 10. Coc Coc——0.33%

移动设备现在占所有网页使用量的54.25%，因此我们还需要检查十大手机浏览器：1. Chrome——49.23% 2. Safari——17.73% 3. UC浏览器——15.89% 4. Samsung Internet——6.58% 5. Opera——5.03% 6. Android——3.75% 7. IEMobile——0.68% 8. BlackBerry——0.26% 9. Edge——0.15% 10. Nokia——0.12%

全球统计数据并不能说明全部情况：- 模式在不同地区差异很大。例如，Yandex是俄罗斯第二大最常用的浏览器（12.7%的份额）。搜狗是中国第三大最常用的浏览器（6.5%）。Opera Mobile/Mini在非洲拥有28%的份额。

• 新的浏览器版本定期出现。Chrome、Firefox和Opera每六周都会收到更新；检查几个月前的版本是不切实际的。
• 相同的浏览器在不同的设备和操作系统上的工作方式可能不同。Chrome适用于各种版本的Windows、macOS、Linux、Android、iOS和ChromeOS，但它并非在任何地方都是相同的应用程序。
• 在各种设备上，包括游戏机、电子书阅读器和智能电视，存在着数量极多且种类繁多的旧版和新版、奇特和精彩的浏览器。
• 您网站的分析数据永远不会与全球统计数据相符。

浏览器差异如此之大吗？

尽管应用程序种类繁多，但所有浏览器都有相同的目标：呈现网页。它们使用渲染引擎来实现这一点，并且存在一些交叉使用：1. Webkit用于macOS和iOS上的Safari。 2. Blink是Webkit的一个分支，现在用于Chrome、Opera、Vivaldi和Brave。 3. Gecko用于Firefox。 4. Trident用于Internet Explorer。 5. EdgeHTML是Trident的更新版本，用于Edge。

大多数浏览器都使用这些引擎之一。它们是不同的项目，拥有不同的团队，但这些公司（大部分）通过W3C进行合作，以确保新技术能够以相同的方式被所有人采用。浏览器比以往任何时候都更加接近，现代智能手机应用程序与它们的桌面应用程序相匹配。但是，没有两个浏览器以完全相同的方式呈现。大多数差异都很细微，但随着您转向尖端技术，这些差异会变得更加明显。某个特定功能在一个浏览器中可能已完全实现，在另一个浏览器中部分实现，而在其他浏览器中则不存在。

我的网站可以在每个浏览器中运行吗？

可以。渐进增强（PE）等技术建立了一个基线（可能只有HTML），然后在支持时使用CSS和JavaScript进行增强。最新的浏览器可以获得现代布局、动画效果和交互式小部件。旧版浏览器可能只能获得未设置样式的HTML。其他所有浏览器都会获得介于两者之间的内容。PE非常适合内容网站和具有基本基于表单功能的应用程序。当您转向具有丰富自定义界面的应用程序时，它变得不太实用。您新的协作视频编辑应用程序不太可能在十年前的IE7中运行。它可能无法在3G网络上的小屏幕设备上运行。也许可以提供替代界面，但结果可能是一个很少有人愿意使用的单独、笨拙的应用程序。考虑到遗留浏览器用户群的规模，成本将是令人望而却步的。

网站所有者建议

网站所有者应该了解Web的以下基本原理和约束。Web不是打印！您的网站/应用程序不会在任何地方都看起来相同。每个设备都有不同的操作系统、浏览器、屏幕尺寸、功能等。功能可能有所不同您的网站可以为所有人工作，但体验和设施会有所不同。即使像日期输入字段这样基本的东西也有多种可能性，但理想情况下，核心应用程序将保持可操作。评估您的项目要现实。这是一个内容网站、一个简单的应用程序、一个类似桌面的应用程序、一个快节奏的游戏等等。建立浏览器兼容性的基本级别。例如，它必须在大多数两年前的浏览器中运行，屏幕宽度为600像素，通过快速的Wi-Fi连接。评估您的受众不要依赖全球浏览器统计数据。主要用户是谁？他们是IT新手还是技术人员？是个人、小型公司还是政府组织？他们坐在办公桌旁还是四处走动？没有一个应用程序适用于所有人——首先关注核心用户。在可能的情况下检查现有系统的分析数据，但要了解底层数据。如果您的应用程序在Opera Mini中无法运行，您不太可能有Opera Mini用户。您是否阻止了很大一部分市场？变化正在发生令人惊奇的是，二十年前编写的网页今天仍然可以运行。它不一定会漂亮或可用，但浏览器仍然向后兼容。（大部分。<blink></blink>标签仍然无效！）但是，技术在不断发展。您的网站或应用程序越复杂，就越有可能需要持续维护。

Web开发人员建议

只要稍加注意，就可以支持各种各样的浏览器。拥抱Web！Web是一个与设备无关的平台。内容和更简单的界面可以在任何地方运行：现代笔记本电脑、功能手机、游戏机、IE6等等。学习渐进增强的基础知识。即使您选择不将其用于您的完整应用程序，也仍然会有一些功能区域，在那里它会变得非常宝贵。采用防御性开发技术在使用最近的预写模块、库或框架之前，请考虑一下这个问题。在开始之前，了解该技术的含义。框架应该提供浏览器支持列表，因为它们已在有限数量的应用程序中进行了测试。了解浏览器限制和怪癖。例如，如果您正在考虑使用SVG图表，请注意它在IE9到11中可能看起来很奇怪，并且在IE8及以下版本中会失败。这并不意味着必须在拒绝SVG或放弃IE支持之间做出二元选择。总有一些折衷方案不会造成重大的开发工作。例如：- 接受SVG渲染很奇怪，但它仍然可用

• 只在IE中显示数据表，或
• 提供IE用户可以在其他地方打开的SVG下载。

尽早测试并经常测试您不可能测试每个设备，但只为一个浏览器开发是徒劳的。不断在各种应用程序中测试您的项目。将测试留到最后将产生灾难性的后果。我们很容易责怪工具和浏览器的不足，但如果尽早发现，大多数问题都可以在开发过程中得到纠正。这并不是说每种浏览器每次都必须以完全相同的方式运行。功能倒退是不可避免的。例如：- 渐进式Web应用程序在iPhone和iPad上无法离线工作——但在线操作正常。

• IE不支持CSS Grid——但浮动、flexbox或全宽块回退应该是可以接受的。
• Firefox的桌面版不显示日期字段的日历——但用户仍然可以输入日期。

在您的开发PC上安装一些浏览器。Mac和Linux用户可以在developer.microsoft.com/microsoft-edge/获得Microsoft Edge和IE测试工具。对于Windows和Linux用户来说，测试Safari比较困难；BrowserStack等在线测试服务是最简单的选择。现代浏览器具有出色的移动仿真功能，但可以使用一些真实的设备来了解在较慢的硬件和网络上的触摸控制和性能。在您的终端使用HTTPSWeb正在逐渐使HTTPS成为首选协议，并且这种趋势将继续下去。Google Chrome甚至开始将非HTTPS网站标记为不安全，这是您将网站配置为使用HTTPS的一个很好的理由。例如，我们的Web托管合作伙伴SiteGround使他们的客户可以轻松地迁移到HTTPS。为此，他们为所有新的WordPress帐户自动安装了Let's Encrypt SSL证书，对于现有帐户，他们只需单击一下即可切换到HTTPS。

您还没有回答这个问题！

问题“您应该支持哪些浏览器？”已经变得过于严格。假设您的答案只是“Chrome”：- 它运行在哪些设备和操作系统上？

• 将支持哪些范围的屏幕尺寸？
• 您指的是哪个版本？最新的？Chrome 10及以上版本？
• 发布新版本的Chrome时会发生什么？
• 当Chrome实际上成为您的应用程序的运行时时，其他浏览器会发生什么？

对于面向客户的项目，提供浏览器支持列表已经变得不切实际。最好的答案可能是：“我们将根据假定的用户统计数据开发您的项目，然后根据预算和时间限制在尽可能多的设备、操作系统、浏览器和版本中进行测试”。即使那样，您也会错过首席执行官坚持使用的旧款Blackberry。为Web开发——而不是浏览器。

关于网站浏览器支持的常见问题解答 (FAQ)

网站应该支持哪些最流行的Web浏览器？

网站应该支持的最流行的Web浏览器包括Google Chrome、Mozilla Firefox、Safari、Microsoft Edge和Internet Explorer。这些浏览器涵盖了绝大多数互联网用户。但是，网站应该支持的特定浏览器可能取决于网站的目标受众及其首选浏览器。

如何确定我的网站应该支持哪些浏览器？

您可以通过分析网站的流量数据来确定网站应该支持哪些浏览器。这些数据可以显示访问者正在使用哪些浏览器。您还可以考虑目标受众中最流行的浏览器。

为什么支持多个浏览器很重要？

支持多个浏览器很重要，因为它可以确保尽可能多的用户可以访问您的网站。由于个人喜好、设备兼容性或其他因素，不同的用户可能更喜欢不同的浏览器。通过支持多个浏览器，您可以为所有访问者提供积极的用户体验。

如何测试我的网站与不同浏览器的兼容性？

您可以使用各种工具和服务来测试您的网站与不同浏览器的兼容性。这些工具可以模拟您的网站在不同浏览器上的外观和功能，帮助您识别和修复任何兼容性问题。

支持旧版浏览器有哪些挑战？

支持旧版浏览器可能具有挑战性，因为它们可能不支持最新的Web技术。这可能会限制您可以在网站上提供的功能和功能。此外，维护与旧版浏览器的兼容性可能需要额外的时间和资源。

我应该多久更新一次浏览器支持策略？

您应该定期更新浏览器支持策略，以跟上浏览器使用和技术的变化。这可能每隔几个月就要进行一次，具体取决于您所在行业和目标受众的变化速度。

什么是渐进增强，它与浏览器支持有何关系？

渐进增强是一种Web设计策略，它从基本功能开始，然后为支持它们的浏览器添加更高级的功能。这种方法确保您的网站可以被所有用户访问，无论其浏览器的功能如何。

移动浏览器支持与桌面浏览器支持有何不同？

移动浏览器支持与桌面浏览器支持在几个方面有所不同。与桌面浏览器相比，移动浏览器通常具有不同的功能和限制。此外，移动用户的需求和期望可能不同，这可能会影响您的支持策略。

一些常见的浏览器兼容性问题是什么？如何解决这些问题？

常见的浏览器兼容性问题包括布局问题、功能问题和性能差异。这些问题通常可以通过使用跨浏览器测试工具、遵循Web开发最佳实践以及定期更新网站代码来解决。

如何确保我的网站仍然可以被使用旧版浏览器的用户访问？

您可以通过使用渐进增强、提供网站的替代版本或提供鼓励用户更新浏览器的消息来确保您的网站仍然可以被使用旧版浏览器的用户访问。

以上是您的网站应该支持哪些浏览器？的详细内容。更多信息请关注PHP中文网其他相关文章！