反点击劫持代码导致页面不断刷新答案

【问题标题】：Anti-Clickjacking Code Causes Page to Continually Refresh反点击劫持代码导致页面不断刷新
【发布时间】：2015-04-14 19:42:05
【问题描述】：

我有一个 Wordpress 网站，并且我有以下旨在防止点击劫持的代码：

<script type="text/javascript">
   if (self === top) {
       var antiClickjack = document.getElementById("antiClickjack");
       antiClickjack.parentNode.removeChild(antiClickjack);
   } else {
       top.location = self.location;
   }
</script>

但是，此代码导致我的一个管理页面不断刷新。该页面位于我正在构建的主题的自定义部分中。这是因为预览显示在 iframe 中。

我可以做些什么来防止旧版浏览器上的点击劫持，同时还要解决页面不断重新加载的问题？理想情况下，我将能够以某种方式修改此 javascript。

【问题讨论】：

标签： javascript wordpress iframe clickjacking custom-theme

【解决方案1】：

<script type="text/javascript">
   if (self === top || self.location === 'yourPreviewPage') {
       var antiClickjack = document.getElementById("antiClickjack");
       antiClickjack.parentNode.removeChild(antiClickjack);
   } else {
       top.location = self.location;
   }
</script>

您可以使用上述类似代码绕过这些页面（在您的情况下特别是预览页面）进行框架。反点击劫持的其他选项是使用响应标头 -

CSP frame ancestor 和 x frame options

【讨论】：