今天尝试在iframe中嵌入外部网站, 碰到了一些小问题.

如何让自己的网站不被其他网站的`iframe`引用?

我测试的时候发现我把iframe的src指定到github不起作用. 原来是它把X-Frame-Options设置为了DENY, 这样就禁用了别的网站的iframe引用, 避免点击劫持(clickjacking).

X-Frame-Options有三个可能值: DENY, SAMEORIGIN, ALLOW-FROM uri.

详见: The X-Frame-Options response header

如何禁用自己`iframe`中链接的外部网站的JS?

我发现我把一个外部网站引入到我的iframe中时, 该网站的恶心JS会让我的网页跳转到它的网站! 蛋疼. 但是我在测试的是否发现, Codepen就能够避免这个跳转, Console中有信息:

Unsafe JavaScript attempt to initiate navigation for frame with URL 'http://codepen.io/lzl124631x/pen/jWeOPL' from frame with URL 'http://keepvid.com/?url=https://www.youtube.com/watch?v=wY2vhSb3cVo'. The frame attempting navigation of the top-level window is sandboxed, but the 'allow-top-navigation' flag is not set.
(anonymous function) @ ?url=https://www.youtube.com/watch?v=wY2vhSb3cVo:108
?url=https://www.youtube.com/watch?v=wY2vhSb3cVo:579 GET http://www.5kplayer.com/kvads/keepvid-728-90.png net::ERR_BLOCKED_BY_CLIENT

原来是iframe的属性sandbox的作用.

sandbox属性可以设置的值包括:
allow-forms
allow-modals
allow-orientation-lock
allow-pointer-lock
allow-popups
allow-popups-to-escape-sandbox
allow-same-origin
allow-scripts
allow-top-navigation

如果给iframe加上sandbox="allow-forms allow-scripts", 就会打开allow-forms和allow-scripts两个选项, 其他的全部禁用.

如果想禁用让外部网站的JS, 不要加allow-scripts就好了.

如果想禁用外部网站的JS跳转, 不要加allow-top-navigation就可以了.

详见: <iframe> Sandbox

iframe的安全问题相关推荐

iframe嵌套其它网站页面详解
iframe基本内涵通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了. <iframe src="demo_iframe_sandbox.htm" ...
Web安全：常见的安全问题及防范措施
前言随着互联网的高速发展,信息安全问题已经成为行业最为关注的焦点之一.总的来说安全是很复杂的一个领域,在移动互联网时代,前端人员除了传统的 XSS.CSRF 等安全问题之外,还时常遭遇网络劫持.非法 ...
Web前端之iframe详解
最近在做项目,在实现前端页面的时候遇到很多问题,开发进度很慢,实现一个功能基本上都是在走弯路,也不知道如何实现才是最好的选择,所以就一直在爬坑,在实现一个页面数据编辑的功能的时候就需要使用一个ifra ...
iframe嵌套详解
目录 iframe基本内涵获取iframe里的内容在iframe中获取父级内容 iframe的轮询 iframe长轮询自适应iframe之蜜汁广告自适应iframe iframe安全性探索防 ...
iframe和iframe实现页面内嵌套一个页面（jsp）
相信刚学习javaweb的同学都十分好奇页面上点击一个按钮下面就显示一个页面,点击不同的导航栏按钮,下方就会显示不同内容,这就用到了iframe标签的src属性.下面就给大家介绍一下iframe的使用 ...
angular7 + ng-zorro-antd 开发问题小记
压缩打包 ng build --prod --build-optimizer // 编译后进一步压缩文件的大小打包遇见的问题: 超过budgets WARNING in budgets, maxim ...
HTML 学习笔记 0
HTML入门语义化标签 HTML解释器会将连续出现的空白字符减少为一个单独的空格符在HTML中,字符 <, >,",' 和 & 是特殊字符,可以通过等价字符引用代 ...
iframe安全问题
1.iframe 有些时候我们的前端页面需要用到第三方提供的页面组件,通常会以iframe的方式引入.典型的例子是使用iframe在页面上添加第三方提供的广告.天气预报.社交分享插件等等. ifram ...
iframe 父子页面相互访问，iframe属性、安全问题
iframe是html标签,具有一般标签的属性: width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frame ...

iframe的安全问题

如何让自己的网站不被其他网站的`iframe`引用?

如何禁用自己`iframe`中链接的外部网站的JS?

iframe的安全问题相关推荐

最新文章

热门文章

iframe的安全问题

如何让自己的网站不被其他网站的iframe引用?

如何禁用自己iframe中链接的外部网站的JS?

iframe的安全问题相关推荐

最新文章

热门文章

如何让自己的网站不被其他网站的`iframe`引用?

如何禁用自己`iframe`中链接的外部网站的JS?