跨移动浏览器测试

Question

  

在各种移动浏览器和各种浏览器的各种版本中测试我的网站的最佳方法是什么。

其他信息：

大多数在线跨浏览器测试支持广泛的桌面浏览器测试，以及相当多的移动设备。但他们似乎并没有在这些设备上提供各种版本的移动浏览器。

{p> This类似的问题已经相当陈旧了，令人惊讶的是，尽管移动设备激增并专注于响应式设计，但移动测试服务并未迎头赶上。

我想定位的主要移动浏览器：各种移动版本的Safari，Chrome，Firefox，Opera，Dolphin，UC Web等

只是想注意this和this替代桌面浏览器的在线测试服务。也许移动浏览器也存在类似的东西？

Answer 1

我会建议Opera的“设备模式”对于第一次破解非常有用。但没有什么比实际的设备测试更好。我发现奇怪的情况是Chrome的iPhone模式呈现出与实际手机不同的东西，但我想它大约是90％。事实上，调整代码，在桌面上使用Chrome进行刷新而不是调整，并在手机上刷新，这样我就能容忍10％的差异。然后，我在完成Chome的设备模式后，在实际设备上进行验证。

我没有使用Opera的设备模式，但听说它也很好。

Answer 2

有一个名为https://www.browserling.com/的工具，可用于桌面和移动测试（Android）

Answer 3

我认为没有一种方法可以跨各种移动浏览器和版本进行跨浏览器测试。一切都归结为您想做什么？

不可能涵盖所有浏览器组合和版本。因此，根据经验，我的建议是-

• 如果您打算使用太多组合，请从此处http://www.pairwise.org/tools.asp使用组合工具（成对测试），并减少排列的数量以获得最佳覆盖率。

• 然后转到Android和Apple网站，以根据客户所处的位置查看美国，欧洲和亚洲地区最常用的手机和版本。他们在其网站上公开提供了所有这些统计信息

• 如果您拥有Google Analytics（分析），请查看您的用户最常使用哪些浏览器，版本和电话访问您的网站

现在，您将获得更加集中的设备和浏览器版本列表。

• 检查在跨浏览器测试中必须投入的预算。基于此，我建议根据您在前三个步骤中获得的使用情况统计信息，至少购买几部手机和平板电脑。然后，您可以从多种跨浏览器测试工具/服务中进行选择，例如

  • BrowserStack
  • Amazon Devices Farm
  • Saucelabs
  • Testim

现在至少可以用一种更科学的方法来进行跨浏览器测试：-）