大数跨境

简化网站兼容性测试

简化网站兼容性测试 电商实践
2010-04-21
2
导读:在管理电子商务网站时,一个常被忽视的方面是测试该网站在不同浏览器和屏幕分辨率下的显示效果。例如,您的网站在 Internet Explorer 7 中可能呈现完美效果,但在 Mac 上的 Safari

编辑注:电商商家在其业务中使用复杂的技术。商家并不总是需要对这些技术有专家级的了解,但具备实用的“必要知晓”理解会有所帮助。为满足这一需求,我们推出了“必要知晓”系列,将以大多数商家都能受益的方式探讨复杂主题。在第一期内容中,我们解释了图像格式的差异,详见《图像格式:JPG、GIF 和 PNG 有什么区别?》。在第二期内容中,资深网页开发者作为撰稿人,将在下文阐述浏览器测试的必要性。

管理电子商务网站时经常被忽视的一个方面是在不同浏览器和屏幕分辨率下测试该网站的外观。例如,您的网站可能在Internet Explorer 7中呈现精美效果,但在Mac上的Safari中看起来如何呢?Firefox又如何?或者在1024 x 768分辨率下呢?如果您尚未在各种流行的配置中验证您的网站,那么很有可能您正在流失客户。本文将为您提供关于浏览器测试的快速入门课程。

浏览器测试:快速概览

商家应制定持续的浏览器测试计划,具体如下:

  1. 制定测试计划。每三到六个月测试一次您的网站,或在新浏览器版本发布时进行测试。
  2. 选择要测试的内容。定义您将测试的网站所在的浏览器、操作系统、显示器分辨率和设备。这包括Windows和Mac操作系统;Internet Explorer、Firefox、Safari和其他浏览器;以及各种显示器分辨率。请确保包含浏览器版本,如IE 7和8。根据分析数据和人口统计数据做出测试决策。
  3. 选择要测试的页面。定义您将在网站上测试哪些页面,例如主页、产品页面、分类页面和内容页面。
  4. 选择您的测试平台。推荐使用BrowserCam.com、BrowserShots.org和Litmus。
  5. 启动测试。审查结果,修复问题并重新测试。

制定测试计划

由于浏览器更新非常频繁,最佳做法是每三到六个月安排一些时间来审查浏览器使用趋势。设置一个重复性的日历提醒,并预留30-60分钟进行测试。

选择测试内容

确定您的测试参数。您是想在不同分辨率下验证网站以检查页面折叠位置,还是在移动设备上测试?请列出对您业务最重要的测试参数。您需要分析网站统计数据,了解您的客户是谁以及他们如何访问您的网站。

接下来,确定您将针对哪些版本的浏览器、操作系统、显示器分辨率和设备来测试您的网站。查阅主要的统计参考网站,并参考您自己的分析程序,以基于您的客户获取准确数据。例如,截至2010年4月,在设置为1024 x 768分辨率的显示器上,Windows XP系统中IE 8、IE 7和IE 6是最流行的浏览器。此外,还要测试Firefox、Safari和Chrome。

决定支持哪些浏览器并在其中测试您的网站至少可以说具有挑战性,因为并没有统一的标准。例如,Google最近已停止对其基于Web的应用程序和站点服务支持IE 6。然而,仍有相当一部分用户在使用IE 6浏览网页。

最佳做法是分析您的分析数据,查看您的实际客户正在使用什么。根据客户的真实人口统计特征来制定您的测试策略。如果您尚未安装分析软件包,建议(截至2010年4月)在以下环境中进行测试:

  • Windows XP
  • Internet Explorer 6、7 和 8
  • 适用于 Windows 的 Firefox 3.6
  • Mac OS 10.5
  • Safari 4.0
  • 适用于 Mac 的 Firefox 3.5

或者,您可以从以下监控浏览器、操作系统和屏幕分辨率使用情况的网站中,自行编制一份列表:

  • MarketShare。MarketShare是领先的统计数据来源,提供对您所需所有标准的全面细分。数据来自每月约1.6亿访问者的汇总。
  • W3Counter。此数据基于 W3Counter 跟踪的每个网站的最近 15,000 次页面浏览量。W3Counter 的样本目前包括 33,420 个网站。
  • StatCounter。这些统计基于StatCounter从超过300万个网站的StatCounter网络中收集的每月超过50亿次页面视图的样本聚合数据。统计数据每4小时更新并提供。

使用这些来源时,请记住它们仅代表整个网络的一小部分样本。查看维基百科上的浏览器使用份额以获取几个顶级提供商的列表。

浏览器使用情况,源自维基百科表格。

如果您在网站上设置了 Google Analytics 或其他类型的统计分析系统,您应该能够提取有关访问者和客户的相关数据。下表是从我的一个客户的 Google Analytics 账户生成的。

根据实际 Google Analytics 数据报告的浏览器使用情况。

使用这些数据来确定您的测试配置,因为这些数据源自您的客户。

选择要测试的页面

接下来,列出您网站的主要 URL。并非字面意义上的每一个页面,而是各种页面模板,例如首页、产品页、分类页、内容页、关于页和联系页。

您选择测试的页面数量取决于您的电子商务系统以及它如何使用模板来定义设计。当我测试客户的网站时,我会测试控制网站上几乎所有页面外观的主要模板。

如果网站使用了大量不由模板驱动的自定义页面设计,请测试这些页面以确保浏览器兼容性。

选择测试平台

市面上有数十种不同的平台可用于测试您的网站。我选择 Browsercam.com,因为我多年来一直使用它,价格实惠(每年 25 美元即可享受无限服务),并且它允许在 Windows 和 Mac 操作系统上进行远程桌面访问。

通过 Browsercam.com,您不仅可以接收网站的截图,还可以登录到远程机器并测试网站。

您可能不需要远程桌面服务,并且可能能够使用 BrowserShots 或 Litmusapp,两者均提供跨浏览器兼容性测试。

结论

务必每隔几个月对您的网站进行测试,以确保其与不同浏览器和操作系统的兼容性。花费六十分钟的时间,可能为您避免因网站在客户计算机上无法正常运行而导致的数千美元销售损失。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8053
粉丝 0
电商实践 电商实践
总阅读37.4k
粉丝0
内容8.1k