如何在不同浏览器上测试网站

有许多广泛使用的网络浏览器，包括 Internet Explorer、Firefox、Chrome、Safari 和 Opera。此外还有数十种移动浏览器可供选择，随着新设备陆续上市，还在不断开发更多版本。但并非所有浏览器及其版本的表现都相同，商家的网站在每种浏览器上的外观和功能可能并不一致，这可能导致收入损失。

幸运的是，网上有许多浏览器兼容性测试工具。其中一些是免费的，如 Browser Shots；另一些则需要付费，如 Gomez.com、Sauce Labs、PowerMapper 或 Perfecto Mobile。

这些工具可以测试不同操作系统和地区在高流量和低流量情况下的速度与功能。我们将考察 BrowserShots 浏览器兼容性测试、Gomez.com 跨浏览器兼容性测试、PowerMapper.com SortSite 测试以及 PerfectoMobile.com 手机云测试。

BrowserShots 跨浏览器测试

BrowserShots 的免费跨浏览器解决方案可测试约 80 种广泛使用的浏览器版本。BrowserShots 是一款简单工具，允许商家查看给定网页在不同操作系统（OS）下的截图，包括 Linux、Windows、Mac 以及开源的伯克利软件发行版（BSD）。所有主流浏览器均可用，但（主要）例外的是 Internet Explorer（IE）。不过，IE 可以在下面的 Gomez.com 测试中进行测试。

1. 当你首次访问 BrowserShots.org 时，你会发现几乎所有可用的浏览器都已预先选中。如果你想测试所有可用的操作系统和浏览器版本，只需在空白字段中输入你的网站 URL 并点击“提交”即可。

所有浏览器在所有操作系统上的测试结果。

2. 如果你希望更具体地进行测试，只需点击网页底部的“None”按钮并清除所有复选框。然后，为你想要测试的每个操作系统的每个浏览器勾选相应的复选框。
3. 测试时间可能在 3 分钟到 2 小时之间，具体取决于所选浏览器的数量。你可以将页面加入书签，随时回来查看测试进度。
4. 商家甚至可以设置屏幕尺寸、颜色深度、启用或禁用代码，或运行特定版本的代码。
5. 随着每个浏览器测试完成，截图会出现在 BrowserShots 网页上的“队列”中。点击任意缩略图，即可查看你的网页在各种操作系统和浏览器组合下运行的放大截图。

使用 BrowserShots 的缺点是其默认的 30 分钟队列时间限制。一旦浏览器测试开始，就会启动 30 分钟倒计时。当时间耗尽时，队列过期且测试被丢弃。可以通过点击“Extend”按钮来不断延长该时间，但必须手动点击。

Gomez 跨浏览器兼容性测试

Gomez.com 提供一套称为“即时测试中心”的工具，其中包括跨浏览器兼容性测试、多浏览器性能测试以及各种速度测试。尽管测试中心被称为“即时”，但实际上结果可能需要长达 24 小时才能收到。在这种情况下，测试结果通常在输入 URL 后一小时内返回。

在本例中，我们将使用 Gomez.com 的免费跨浏览器兼容性测试，以 Practical eCommerce 的网址作为测试对象。该测试将提供截图，展示该网站在 Windows 7、Vista、XP 和 Mac OS X 10.4 系统上使用四大主流网络浏览器（Internet Explorer、Firefox、Safari 和 Chrome）时的显示效果。

1. 首先，通过访问“Resources”下拉菜单顶部的 Gomez.com Instant Test Center 开始测试。或者复制并粘贴以下 URL 直接访问：http://www.gomez.com/resources/instant-test-center.
2. 接下来，您会发现六项可以免费执行的测试。在本例中，我们将使用 Cross-Browser Compatibility Test（跨浏览器兼容性测试）。点击该测试缩略图下的“Take a Free Test Now”链接。
3. 只需在屏幕右侧的测试表单中填写所需信息，然后点击“Submit”。您将在 24 小时内收到来自 Gomez 的电子邮件，其中包含测试结果访问权限。
4. 收到邮件后，点击“View Results”链接。测试结果将显示在您浏览器中的 Gomez.com 上，点击缩略图可查看您的网站在四种不同操作系统和四种不同浏览器上的大屏幕截图。

PowerMapper SortSite 测试

此简单测试的工作方式与桌面浏览器测试非常相似，但提供的数据比单纯的截图更有用。“SortSite”测试会检查给定网站十个页面的无障碍性、断链、浏览器代码兼容性、搜索引擎优化以及其他可用性问题。测试完成后，系统将生成一份报告，其中包含测试过程中发现的问题图表。

1. 首先，只需访问 PowerMapper.com 并找到“Products”标题。你会看到两个工具：“PowerMapper”和“SortSite”。在本例中，我们将使用 SortSite。点击“SortSite”按钮。在 SortSite 页面上，你可以使用在线试用版快速测试你的网站，下载免费的 30 天试用版或购买完整版。我们将关注免费的在线 SortSite 测试。
2. 点击屏幕右侧的“Try SortSite Online”按钮，并在打开的字段中输入网站 URL 和电子邮件地址。结果将显示在您的浏览器中，报告也会通过电子邮件发送给您。
3. 免费试用可以让您大致了解网站可能存在的问题，购买完整版后可获取更详细的数据。

Perfecto Mobile 手机测试

Perfecto Mobile 是一项测试服务，允许商家针对数百款真实移动设备测试网站的移动兼容性。商家还可以在不同地理位置进行测试，包括美国、英国、加拿大、法国和以色列。

1. 首先，前往 PerfectoMobile.com，设置并登录你的账户。
2. 从大多数主要品牌的多款设备模型中选择手机型号。

Perfecto Mobile 手机选择菜单。

3. 您将为测试会话预约一个特定的日期和时间，以便在所选的多种移动设备上进行测试。
4. 一旦您的测试会话开始，您可以控制已选择的设备，并在这些多设备平台上测试网站的外观和功能。

移动浏览器测试完成后，Perfecto Mobile 还可在同一云测试环境中、跨越相同的地理位置对单个应用进行测试。