[发明专利]可视化页面编辑方法、装置及A/B测试方法、装置

说明书

本申请实施例公开了一种可视化页面编辑方法、装置及A/B测试方法、装置。通过将页面分为两部分，在第一部分中包含视图层，在第二部分中包含业务逻辑层，并将第一部分置于第二部分的内联框架(iframe)中，由第一部分获取用户编辑页面的操作，将操作信息传输至第二部分，由第二部分对操作信息进行处理，向第一步返回视图层渲染信息，完成页面的可视化编辑，从而避免因为被编辑页面的不确定性，在某个不相关的脚本出问题时导致整个页面编辑功能不可用。同时，基于页面的可视化编辑，在得到控制页面后，使用可视化编辑得到测试页面，进行A/B测试，相比传统的A/B测试，能够大大降低了A/B测试难度，提高A/B测试效率。

技术领域

本发明涉及网站测试技术领域，尤其涉及一种可视化页面编辑方法、装置及A/B测试方法、装置。

背景技术

网站设计中，经常会面临多个设计方案的选择，例如页面中标题使用长标题还是短标题，图片使用大图片还是小图片，按钮使用红色还是蓝色等。A/B测试便是进行Web测试，用于比较和选择设计方案优劣的方法。

在Web设计的A/B测试中，首先需要建立一个测试页面(variation page)，这个页面可能在标题字体、背景颜色或者措辞等方面与控制页面(control page)有所不同，然后让一部分用户使用测试页面，另一部分用户使用控制页面，记录下用户的使用情况，看哪个页面设计方案更符合设计目标。因此要实现A/B测试，需要制作两个(或多个)不同的页面版本并部署，然后收集用户使用数据，再分析数据，得出结果。

然而A/B测试为单变量测试，亦即每次A/B测试时只针对某一个变量的变化比较设计方案的优劣，以避免多个变量之间的相互干扰。在每次进行A/B测试时，两个设计方案应当基本是相同的，只是某一个地方有所不同，例如某处排版、图片、颜色等。如果要测试不同变量变化的影响，则需要进行多次A/B测试、制作多个页面，如果每个页面都要重新制作生成，将会耗费很多人力物力。

发明内容

为克服相关技术中A/B测试效率低的问题，本申请提供一种可视化页面编辑方法、装置及A/B测试、装置。

根据本申请实施例的第一方面，提供一种可视化页面编辑方法，包括：

将被编辑页面分为第一部分和第二部分，所述第一部分包含所述被编辑页面的视图层，所述第二部分包含所述被编辑页面的业务逻辑层，所述第一部分设置于所述第二部分的内联框架中；

所述第一部分获取针对节点的操作信息，所述操作信息包括选中信息和编辑操作信息，将所述操作信息传输至所述第二部分；

所述第二部分接收所述操作信息，并根据所述操作信息向所述第一部分返回对应的视图渲染信息；

所述第一部分根据所述视图渲染信息重新渲染所述被编辑页面的视图层。

可选的，所述的可视化页面编辑方法，还包括：

所述第一部分获取到节点的选中信息时，显示对应于所述节点的操作选项列表；

获取用户针对所述操作选择列表的操作选项信息后，显示与所述操作选项信息对应的节点编辑视图，通过所述节点编辑视图获取针对所述节点的编辑操作信息。

可选的，所述的可视化页面编辑方法中，所述第一部分获取针对节点的单次操作信息时，保存所述单次操作信息；当所述第一部分获取到操作完成信息时，将所有单次操作信息传输至所述第二部分。

相应于本申请实施例的第一方面，根据本申请实施例的第二方面，提供一种可视化页面编辑装置，包括：

页面切分单元，用于将被编辑页面分为第一部分和第二部分，所述第一部分包含所述被编辑页面的视图层，所述第二部分包含所述被编辑页面的业务逻辑层，所述第一部分设置于所述第二部分的内联框架中；