javascript - 如何阻止框架破坏程序破坏 WordPress 定制器页面？

Question

看一个简单的 Framebuster:

<script type="text/javascript"> 
    if (top.location != self.location) { 
        top.location = self.location.href; 
    } 
</script>

但是，它似乎效果太好了。它破坏了 WordPress 中的定制器管理页面，因此当您定制某些设置时，会在框架中预览该网站。我怎样才能修改这个，使它打破框架......但不是那个。

也许你可以:

1. 检查它是否位于同一域中并且不会破坏这些框架？
2. 使用某种正则表达式匹配检查特定的定制器网址？

我对这两种解决方案都很满意，但我不知道如何实现它们。任何帮助将不胜感激。

Answer 1

您可以使用 wp_customize 查询参数和 is_user_logged_in 函数将 JavaScript 封装在 if 语句中，如下所示:

<?php if ( ! ( isset( $_GET[ 'wp_customize' ] ) && is_user_logged_in() ) ): ?>
<script type="text/javascript"> 
    if (top.location != self.location) { 
        top.location = self.location.href; 
    } 
</script>
<?php endif; ?>