移动兼容性：如何测试网站在移动浏览器中的表现

移动商务已经到来，随之而来的是源源不断的新款移动浏览器。有针对特定设备的浏览器，如黑莓浏览器、Android浏览器和Palm的WebOS浏览器。还有一些流行的桌面浏览器也适用于移动设备，如Firefox、Internet Explorer、Opera和Safari。

与桌面版浏览器一样，并非所有移动浏览器的表现都相同，其功能也不尽一致。商家的网站在每个浏览器中显示和运行的效果可能不同，这可能导致收入损失。

尝试使用以下移动浏览器兼容性测试工具，查看您的网站在各种设备和浏览器中的显示与运行效果。这些工具可以测试不同设备浏览器上的速度和功能，并检查您的网站在竖屏和横屏模式下的外观。

我们将考察Gomez.com的跨设备兼容性测试、BrowserCam的跨浏览器屏幕捕获测试、Perfecto Mobile的手机云测试、CrossBrowserTesting.com的浏览器兼容性测试、Multi-Browser Viewer的基于软件的移动浏览器模拟器以及Usability Science的第三方可用性测试服务。所有这些服务都提供有限的免费试用，并可转为按月或一次性付费。

Gomez.com 跨设备网站兼容性测试

Gomez.com 跨设备兼容性测试会从一个有限的四款设备浏览器组中生成简单的截图。然而，该测试免费，且所选设备均为市场上最流行的四款：运行 Chrome NX1 2.2 的 Nexus One Android、运行 Safari 4.0 的 Apple iPhone、运行 Safari 3.2 的 Apple iPad，以及运行 BlackBerry OS5 浏览器的 BlackBerry Storm2。

1. 要开始测试，请前往“Resources”下拉菜单顶部的 Gomez.com Instant Test Center。
2. 接下来，点击测试中心右下角的“Cross-Device Compatibility Test”。
3. 填写所需信息，包括您想要测试的网站 URL。您将在 24 小时内收到来自 Gomez 的电子邮件，其中包含测试结果访问权限。

   Gomez.com 跨设备浏览器测试结果。

4. 收到邮件后，点击“View Results”链接。测试结果将在您浏览器中的 Gomez.com 上显示。点击缩略图即可查看您的网站在四种不同移动设备上运行四种不同移动浏览器时的大尺寸截图。

BrowserCam 的跨浏览器屏幕捕获

BrowserCam 的跨浏览器测试会生成您的网站在最流行的十五种不同版本设备浏览器上显示效果的截图。

测试运行 OS 5 和 OS 6 浏览器的 BlackBerry 设备，包括 Bold、Curve、Storm2 和 Torch。对于 Apple，测试 iOS 设备：iPad Safari 浏览器 4.2.1 版本和 iPhone Safari 浏览器 4.2.1 版本。

测试 Google Android OS 设备，包括移动 Chrome 浏览器 G1 1.6 版本、NX1 2.2 版本、NXS 2.2 版本。最后，测试运行 OS 5.0、6.1 和 6.5 浏览器的 Windows Mobile 设备，包括 Internet Explorer 5.0、6.1 和 6.5，以及移动 Opera 9.5b2 和 9.7b。

1. 首先，访问 BrowserCam.com 的设备捕获中心并注册一个账户。
2. 通过 BrowserCam 的设备捕获功能，您可以输入网站的 URL 地址，或同时测试多达十个 URL。如果您希望测试的不仅仅是网站首页，这将特别有用。例如，您可以测试首页、客户反馈 URL、各种购物车页面 URL——从查看购物车到结账，并确保每个页面显示正确。
3. 然后，您将选择截图文件格式，并将截图保存为 BMP、JPEG 或 PNG 文件。
4. 接下来，您将选择视图模式——横屏或竖屏——以及设备屏幕的分辨率。
5. 选择所有可用的浏览器，或根据流行度或发布日期针对支持 Flash 的特定浏览器。
6. 测试完成后，您会收到一封电子邮件。在“查看项目”文件夹中下载并查看所有截图。

Perfecto Mobile 手机云测试

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

1. 首先，访问PerfectoMobile.com，创建或登录您的账户。
2. 从大多数主要品牌的多款设备型号中选择手机。
3. 您需要为特定日期和时间的测试会话进行预订，以便在所选的各种移动设备上进行测试。
4. 一旦您的测试会话开始，您可以控制已选择的设备，并在这些多种设备平台上测试网站的外观和功能。

CrossBrowserTesting.com 跨浏览器兼容性测试

CrossBrowserTesting.com 提供有限的浏览器选项进行测试：iPhone 3GS、iPhone 4、iPad 和 Android 移动平台。Apple 设备均运行 Mobile Safari，而 Android 设备则同时运行 Android 浏览器和 Opera Mini。然而，用户可以在这三种设备的浏览器上对网站进行实时测试，从而清晰地了解您的网站功能，而不仅仅依赖于简单的截图。

1. 首先，访问CrossBrowserTesting.com，在您创建用户账户后，即可开始进行移动测试。
2. 选择运行实时测试，并通过点击“Run Live Test”对功能和外观进行交互式测试。
3. 您将在列表顶部看到 Android、iPad 和 iPhone 选项。
4. 每种设备的屏幕尺寸各不相同，从 320 x 480（Android 和 iPhone 3GS）到 640 x 960（iPhone 4），再到 1024 x 768（iPad），从而允许进行相对全面的功能和外观测试。

   CrossBrowserTesting.com Android 模拟器。

5. 在本例中，我们在 Android Browser 上测试了我们自己的网站。
6. 通过鼠标点击，模拟用户在移动设备上可能拥有的体验。四处点击，在您的网站页面间导航，或加载购物车，快速查看您的网站是否已准备好支持移动端。

多浏览器查看器

TWD Solutions 推出了 Multi-Browser Viewer，提供软件测试解决方案。将测试离线（脱离网络）进行可以提供更高的安全性和对测试过程的控制。与 CrossBrowserTesting.com 的解决方案类似，Multi-Browser Viewer 允许在可用设备上进行交互式体验，提供的功能远不止首页截图。

该测试软件仅限于四种移动设备模拟器及其相应的浏览器进行测试：iPhone 移动 Safari、BlackBerry Storm2 浏览器、Windows mobile Internet Explorer 6.5 和 Android Browser 2.1。

1. 访问 MultiBrowserViewer.com 并下载测试软件。
2. 从那里选择您希望测试的设备。
3. 设备模拟器将启动。在设备的移动浏览器中输入任何 URL，并开始探索您在移动设备上的网站。

Usability Sciences 移动可用性测试

如果您拥有更大的预算或者无法进行手动测试，Usability Sciences提供了一种替代方案，即由专业分析师提供的内部第三方全面移动可用性测试解决方案。

可用性科学公司将举办测试会议，根据您的需求招募特定的测试参与者，并让他们在您选择的移动设备和浏览器上体验您的网站。分析团队将观察并报告（a）参与者与网站的互动情况，（b）遇到的任何问题，以及（c）出现的任何用户困惑。

根据 Usability Science 的网站信息，测试期通常持续数天，并会生成一份最终报告供参考。

摘要

越来越多的消费者通过移动设备访问互联网。电子商务商家应了解其网站在这些设备上的显示效果和运行状况，尤其是那些在其客户中最受欢迎的设备。通过快速查看分析数据，商家可以知道哪些设备最受欢迎。然后，商家可以使用上述提到的移动浏览器兼容性测试工具，在这些热门移动设备上测试其网站的外观和功能。