如何防止 WordPress 页面被 Frame 嵌入

WordPress 生成的前台页面,默认是可以被其他网页通过 Frame 方式嵌入的,这样对用户存在安全隐患,如果不想被其他网页嵌入,如何设置呢?

可以通过 X-Frame-Options HTTP 响应头来设置是否允许网页被 <frame> 、<iframe> 或 <object> 标签引用,网站可以利用这个HTTP 响应头确保网页内容不被嵌入到其他网站,避免点击劫持(clickjacking)。

X-Frame-Options 选项介绍

X-Frame-Options 有三个可选值:

  • DENY:不允许其他网页嵌入本网页
  • SAMEORIGIN:只能是同源域名下的网页
  • ALLOW-FROM uri:指定可以嵌入的地址

简单来说,设置了 DENY 则任何网页都不能嵌入(包括同一个网站的其他网页),设置了 SAMEORIGIN 则同域名的可以嵌入,指定某个地址可以嵌入使用 ALLOW-FROM uri

绝大部分浏览器都支持,IE 则需要 IE8 或以上。一般情况下如果拒绝嵌入,浏览器会返回空白页面(如 Chrome/Firefox),不过也有的会显示错误信息。

如何设置 X-Frame-Options HTTP 响应头

PHP

代码语言:javascript
复制
header('X-Frame-Options:SAMEORIGIN');

Apache

代码语言:javascript
复制
Header always append X-Frame-Options SAMEORIGIN

nginx

代码语言:javascript
复制
add_header X-Frame-Options SAMEORIGIN;

IIS

代码语言:javascript
复制
<system.webServer>
…
<httpProtocol>
<customHeaders>
<add name=”X-Frame-Options” value=”SAMEORIGIN” />
</customHeaders>
</httpProtocol>
…
</system.webServer>

WordPress 可以直接在后台设置

对于 WordPress 博客来说,只要安装了 WPJAM Basic 插件,就可以直接在后台设置 Frame 嵌入。

在 WPJAM 菜单下的「优化设置」中「功能增强」标签中,根据自己的需求按照下图选项进行设置即可: