ab-testing - 消除原始内容的 VWO Flash (FOOC)

Question

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

Answer 1

您可以通过以下方式消除 VWO 中的 FOOC

1. 单击要更改的元素，使用选择父级按钮选择它的直接父级。

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

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

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

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

此 javascript 片段确保您的更改元素的父级在您进行更改之前不会出现，从而消除了 FOOC。