可视化页面编辑方法、装置及A/B测试方法、装置制造方法及图纸

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

【技术实现步骤摘要】

本专利技术涉及网站测试
，尤其涉及一种可视化页面编辑方法、装置及A/B测试方法、装置。
技术介绍
网站设计中，经常会面临多个设计方案的选择，例如页面中标题使用长标题还是短标题，图片使用大图片还是小图片，按钮使用红色还是蓝色等。A/B测试便是进行Web测试，用于比较和选择设计方案优劣的方法。在Web设计的A/B测试中，首先需要建立一个测试页面(variationpage)，这个页面可能在标题字体、背景颜色或者措辞等方面与控制页面(controlpage)有所不同，然后让一部分用户使用测试页面，另一部分用户使用控制页面，记录下用户的使用情况，看哪个页面设计方案更符合设计目标。因此要实现A/B测试，需要制作两个(或多个)不同的页面版本并部署，然后收集用户使用数据，再分析数据，得出结果。然而A/B测试为单变量测试，亦即每次A/B测试时只针对某一个变量的变化比较设计方案的优劣，以避免多个变量之间的相互干扰。在每次进行A/B测试时，两个设计方案应当基本是相同的，只是某一个地方有本文档来自技高网...

【技术保护点】
一种可视化页面编辑方法，其特征在于，包括：将被编辑页面分为第一部分和第二部分，所述第一部分包含所述被编辑页面的视图层，所述第二部分包含所述被编辑页面的业务逻辑层，所述第一部分设置于所述第二部分的内联框架中；所述第一部分获取针对节点的操作信息，所述操作信息包括选中信息和编辑操作信息，将所述操作信息传输至所述第二部分；所述第二部分接收所述操作信息，并根据所述操作信息向所述第一部分返回对应的视图渲染信息；所述第一部分根据所述视图渲染信息重新渲染所述被编辑页面的视图层。

【技术特征摘要】
1.一种可视化页面编辑方法，其特征在于，包括：
将被编辑页面分为第一部分和第二部分，所述第一部分包含所述被编辑页面的视图
层，所述第二部分包含所述被编辑页面的业务逻辑层，所述第一部分设置于所述第二部
分的内联框架中；
所述第一部分获取针对节点的操作信息，所述操作信息包括选中信息和编辑操作信
息，将所述操作信息传输至所述第二部分；
所述第二部分接收所述操作信息，并根据所述操作信息向所述第一部分返回对应的
视图渲染信息；
所述第一部分根据所述视图渲染信息重新渲染所述被编辑页面的视图层。
2.如权利要求1所述的可视化页面编辑方法，其特征在于，还包括：
所述第一部分获取到节点的选中信息时，显示对应于所述节点的操作选项列表；
获取用户针对所述操作选择列表的操作选项信息后，显示与所述操作选项信息对应
的节点编辑视图，通过所述节点编辑视图获取针对所述节点的编辑操作信息。
3.根据权利要求1或2所述的可视化页面编辑方法，其特征在于，
所述第一部分获取针对节点的单次操作信息时，保存所述单次操作信息；
当所述第一部分获取到操作完成信息时，将所有单次操作信息传输至所述第二部分。
4.一种可视化页面编辑装置，其特征在于，包括：
页面切分单元，用于将被编辑页面分为第一部分和第二部分，所述第一部分包含所
述被编辑页面的视图层，所述第二部分包含所述被编辑页面的业务逻辑层，所述第一部
分设置于所述第二部分的内联框架中；
第一控制单元，用于在所述第一部分中获取针对节点的操作信息，所述操作信息包
括选中信息和编辑操作信息，并将所述操作信息传输至所述第二部分；
第二控制单元，用于在所述第二部分中接收所述操作信息，并根据所述操作信息向
所述第一部分返回对应的视图渲染信息；
渲染单元，用于在所述第一部分中根据所述视图渲染信息重新渲染所述被编辑页面

\t的视图层。
5.如权利要求4所述的可视化页面编辑装置，其特征在于，还包括：
选项显示单元，用于当所述第一部分获取到节点的选中信息时，显示对应于所述节
点的操作选项列表；
节点编辑视图显示单元，用于在所述第一部分获取用户针对所述操作选择列表的操...

【专利技术属性】
技术研发人员：朱君标，荆欣，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY