共计 1189 个字符，预计需要花费 3 分钟才能阅读完成。
一. 概述可视化试验，通过所见即所得的在线编辑（比方对页面中的图片、文字、色彩、地位等元素和属性进行编辑），升高在 Web/H5 页面优化的场景下，产品方和经营方应用 A / B 试验工具的老本，罢黜编码。
前置条件及限度：目前可视化试验反对在 Web 及 H5 页面开启。用于创立可视化试验的页面须要接入「A/B 测试」的 Web/H5/WAP SDK。页面传输协定需应用 HTTPS（Hypertext Transfer Protocol Secure：超文本传输平安协定）。试验类型：可视化试验的试验类型为客户端试验。
浏览器倡议：支流的浏览器均可反对；iOS 零碎自带 Safari 浏览器反对 iOS10 及以上版本 (若零碎版本较低请降级到 iOS10 及以上)。倡议应用最新版 Chrome 及 Windows Edge。二. 利用场景 可视化试验实用于落地页、主页等单 / 多页面优化的场景。多页面可视化试验：在一个版本中能够蕴含多个页面，实用于优化前后有关联的多个页面。通过可视化编辑器对文本、图片等元素进行编辑和替换，进而生成多个版本进行试验，探索不同计划的页面成果，如用户停留时长、PV/UV 等。目前可视化试验反对的页面包含可接入 SDK 的自建 Web 及 H5 页面，暂不反对第三方工具搭建的页面。三、操作演示 疾速理解可视化试验创立流程👇
四. 可视化编辑操作阐明单页面可视化试验：点击 DataTester 的「进入编辑器」，即可进入可视化编辑页面。<!–br {mso-data-placement:same-cell;}–> td {white-space:nowrap;border:1px solid #dee0e3;font-size:10pt;font-style:normal;font-weight:normal;vertical-align:middle;word-break:normal;word-wrap:normal;} 模块子项操作阐明顶部导航栏 / 内容字体排版反对对字号、色彩、文本内容、加粗 / 歪斜、对齐形式等属性进行编辑款式尺寸、布局、背景尺寸反对元素尺寸相干 CSS 款式编辑事件圈选事件针对「按钮」、「链接」、「图片」、「文本」类型的元素提供圈选事件能力。在编辑栏下，点击事件，新增事件名称；保留后新建指标：点击新建指标，会弹出指标新建页面。HTML 新增元素 / 反对通过 HTML 代码的形式新增元素。（1）格式化（2）换行和勾销换行（3）HTML 代码格局校验（4）手动输出标签，主动闭合标签（5）优化默认初始化示例代码多页面可视化试验：点击【增加页面】，可在一个版本中增加多个页面，可对每个页面独自进行编辑。注：页面程序不会影响用户浏览页面体验。举例，如果用户首先看到的是页面 2，而后再看到的是页面 1，用户依然会看到同一试验版本的页面 1。多页面编辑：可在左上角切换至不同页面进行可视化编辑，具体可操作项同可视化编辑操作阐明。