WordPress 页面不想被 Frame 嵌入,如何设置?

2022-02-0909:37:08网站建设与开发Comments1,363 views字数 876阅读模式

WordPress 生成的前台页面,默认是可以被其他网页通过 Frame 方式嵌入的,这样对用户存在安全隐患,如果不想被其他网页嵌入,如何设置呢?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

可以通过 X-Frame-Options HTTP 响应头来设置是否允许网页被 <frame> 、<iframe> 或 <object> 标签引用,网站可以利用这个HTTP 响应头确保网页内容不被嵌入到其他网站,避免点击劫持(clickjacking)。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

WordPress 页面不想被 Frame 嵌入,如何设置?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

X-Frame-Options 选项介绍

X-Frame-Options 有三个可选值:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

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

简单来说,设置了 DENY 则任何网页都不能嵌入(包括同一个网站的其他网页),设置了 SAMEORIGIN 则同域名的可以嵌入,指定某个地址可以嵌入使用 ALLOW-FROM uri 。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

绝大部分浏览器都支持,IE 则需要 IE8 或以上。一般情况下如果拒绝嵌入,浏览器会返回空白页面(如 Chrome/Firefox),不过也有的会显示错误信息。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

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

PHP文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

header('X-Frame-Options:SAMEORIGIN');

Apache文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

Header always append X-Frame-Options SAMEORIGIN

nginx文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

add_header X-Frame-Options SAMEORIGIN;

IIS文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

<system.webServer>
…
<httpProtocol>
<customHeaders>
<add name=”X-Frame-Options” value=”SAMEORIGIN” />
</customHeaders>
</httpProtocol>
…
</system.webServer>

WordPress 可以直接在后台设置

对于 WordPress 博客来说,只要安装了 WPJAM Basic 插件,就可以直接在后台设置 Frame 嵌入。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

WordPress 页面不想被 Frame 嵌入,如何设置?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html

在 WPJAM 菜单下的「优化设置」中「功能增强」标签中,根据自己的需求按照上图选项进行设置即可。
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/23118.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/23118.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定