消除原始内容的 VWO 闪存 (FOOC)

Question

使用 VWO ab/editor 时，您可以选择编辑页面的 css 和 js。如果您确实编辑了页面的 css/js，您可能会在测试 a/b 测试时看到 FOOC。显然，这对最终用户而言并不理想。使用 VWO 时如何避免 FOOC？

Answer 1

您可以通过

消除 VWO 中的 FOOC

1. 单击要更改的元素，select使用 select 父按钮将其设置为直接父元素。

2. 从这里您将按下直接父级的隐藏按钮。

3. 现在您将重复步骤 1 和 2，但按下直接父级的 SHOW 按钮。

VWO 现在将添加 javascript 看起来有点像这样

vwo_$("immediate-parent-of-changed-element").css({"visibility":"visible"});

此 javascript 代码片段可确保您更改的元素的父元素不会出现，直到您进行了更改，从而消除了 FOOC。