[发明专利]用于开发Web产品的系统和方法

说明书

根据由Web产品的目标版本显示的Web页面的内容，生成Web产品的目标版本的至少一个目标散列值。将目标散列值与根据由Web产品的基线版本显示的Web页面生成的至少一个对应的基线散列值进行比较。目标散列值与基线散列值之间的差异指示Web产品的目标版本的用户界面与Web产品的基线版本的用户界面之间的差异。响应于目标散列值与基线散列值之间的比较，生成Web产品的目标版本的用户界面。

技术领域

本公开总体涉及用于开发Web产品的系统和方法，并且更具体地涉及用于检测Web产品的目标版本的用户界面与Web产品的基线版本的用户界面之间的差异的改进的技术。

背景技术

在Web产品(例如，Web页面或Web应用)的开发期间，希望能够有效且高效地确定Web产品的一个版本的用户界面是否与Web产品另一个版本的用户界面不同。这种情况在生成Web产品的新版本(例如，向Web产品添加新特征、和/或修复在Web产品的之前版本中已经检测到的程式错误)时出现。

发明内容

Web产品的新版本的用户界面与之前的基线版本的用户界面之间的差异可以指示，在生成Web产品的新版本时对Web产品所做的改变已经使得Web产品的目标版本的用户界面被不正确地显示。

检测Web产品的新版本的用户界面与Web产品之前的基线版本的用户界面之间的差异特别重要，因为Web产品的新版本的功能验证可能不足以检查Web产品的新版本的用户界面的正确性。Web产品的新版本的功能验证可能不能够检测Web产品的目标版本的用户界面是否被不正确地显示。

之前的用于检测用户界面之间的差异的技术具有明显的缺点。例如，之前的一些用于检测用户界面之间的差异的技术通过获取一个用户界面的截屏和另一个用户界面的截屏并且随后将两个截屏显示给用户来操作。用户则必须可视地比较所显示的两个截屏并且尝试确定在它们之间是否存在任何视觉差异。这些之前的技术至少就需要大量的用户时间来做出视觉比较而言是资源密集的。因为难以正确地且无遗漏地通过所显示的两个截屏的视觉比较来识别差异，所以这些之前的技术也是容易出错的。

其他之前的技术已经尝试纯粹基于两个用户界面的截屏的自动比较来检测用户界面差异。然而，截屏的实际内容可能依赖于外部因素，与潜在的Web产品的操作无关，例如，浏览器版本和/或屏幕分辨率。因此，完全依靠截屏的自动比较的技术通常具有高的误否定确定率，其甚至在截屏不相匹配实际反映由外部因素引起的截屏之间的差异(例如，显示Web页面的浏览器版本的差异)时，也不正确地指示在被比较的用户界面之间存在差异。

为了解决之前的技术的上述和其他缺点，在本文描述用于在生成Web产品的用户界面时检测用户界面差异的新技术。在本文描述的技术中，根据由Web产品的目标版本显示的Web页面的内容，生成Web产品的目标版本的至少一个目标散列值。将目标散列值与根据由Web产品的基线版本显示的Web页面生成的至少一个基线散列值进行比较。目标散列值与基线散列值之间的差异指示Web产品的目标版本的用户界面与Web产品的基线版本的用户界面之间的差异。

响应于目标散列值与基线散列值的比较，可以通过修改由Web产品的目标版本显示的Web页面以使得Web产品的目标版本的用户界面与Web产品的基线版本的用户界面相匹配，来生成Web产品的目标版本的用户界面。

在一些实施例中，响应于检测到目标散列值与基线散列值之间的差异，可以将根据由Web产品的目标版本显示的Web页面生成的目标截屏与根据Web产品的基线版本生成的基线截屏进行比较。响应于检测到目标截屏与基线截屏之间的差异，可以生成差异通知，该差异通知指示Web产品的目标版本的用户界面与Web产品的基线版本的用户界面不相匹配。差异通知可以包括目标截屏与基线截屏之间的差异的图形指示。