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

权利要求书

1.一种生成Web产品的用户界面的方法，包括：

根据由所述Web产品的目标版本显示的Web页面的内容，生成所述Web产品的所述目标版本的至少一个目标散列值；

将所述目标散列值与根据由所述Web产品的基线版本显示的Web页面生成的基线散列值进行比较，其中，所述目标散列值与所述基线散列值之间的差异指示所述Web产品的所述目标版本的用户界面与所述Web产品的所述基线版本的用户界面之间的差异；以及

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

2.根据权利要求1所述的方法，还包括：

生成由所述Web产品的所述目标版本显示的Web页面的目标截屏；

响应于检测到所述目标散列值与所述基线散列值之间的差异，将由所述Web产品的所述目标版本显示的Web页面的所述目标截屏与根据所述Web产品的所述基线版本生成的基线截屏进行比较；以及

响应于检测到所述目标截屏与所述基线截屏之间的差异，生成差异通知，所述差异通知指示所述Web产品的所述目标版本的用户界面与所述Web产品的所述基线版本的用户界面不匹配，其中，所述差异通知包括所述目标截屏与所述基线截屏之间的差异的图形指示。

3.根据权利要求2所述的方法，其中，生成所述差异通知包括：

识别所述目标截屏内的与所述基线截屏内的对应像素区域不同的像素区域；

至少部分地基于对所述目标截屏进行修改以可视地指示所述目标截屏内的与所述基线截屏内的所述对应像素区域不同的像素区域，来生成经修改的目标截屏；以及

将所述经修改的目标截屏存储到存储一个或多个经修改的目标截屏的截屏存储库中。

4.根据权利要求3所述的方法，还包括：在用户界面中显示经修改的目标截屏中的一个或多个经修改的目标截屏，所述一个或多个经修改的目标截屏包括可视地指示所述目标截屏内的与所述基线截屏内的所述对应像素区域不同的像素区域的经修改的截屏。

5.根据权利要求4所述的方法，还包括：至少部分地通过以下操作，来根据所述Web产品的所述基线版本生成基线数据：

根据由所述Web产品的所述基线版本显示的Web页面的内容生成至少一个基线散列值；以及

通过捕捉由所述Web产品的所述基线版本显示的Web页面的截屏来捕捉所述基线截屏。

6.根据权利要求5所述的方法，其中，所述至少一个基线散列值包括通过以下操作生成的基线HTML散列值：i)从由所述Web产品的所述基线版本显示的Web页面提取超文本标记语言HTML；以及ii)对从由所述Web产品的所述基线版本显示的Web页面提取的所述超文本标记语言HTML应用散列函数；

其中，所述至少一个目标散列值包括通过以下操作生成的目标HTML散列值：i)提取包含在由所述Web产品的所述目标版本显示的Web页面中的超文本标记语言HTML；以及ii)对从由所述Web产品的所述目标版本显示的Web页面提取的超文本标记语言HTML应用散列函数；并且

其中，将所述目标散列值与所述基线散列值进行比较包括：将所述目标HTML散列值与所述基线HTML散列值进行比较。

7.根据权利要求6所述的方法，其中，所述至少一个基线散列值还包括通过以下操作生成的基线样式表散列值：i)从由所述Web产品的所述基线版本显示的Web页面提取至少一个样式表；以及ii)对从由所述Web产品的所述基线版本显示的Web页面提取的样式表应用散列函数；

其中，所述至少一个目标散列值还包括通过以下操作生成的目标样式表散列值：i)从由所述Web产品的所述目标版本显示的Web页面提取至少一个样式表；以及ii)对从由所述Web产品的所述目标版本显示的Web页面提取的样式表应用散列函数；并且

其中，将所述目标散列值与所述基线散列值进行比较还包括：还将所述目标样式表散列值与所述基线样式表散列值进行比较。