iframe不起作用原因

最新推荐文章于 2024-04-16 18:59:39 发布
最新推荐文章于 2024-04-16 18:59:39 发布
阅读量2.1k 收藏
点赞数
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TankRuning/article/details/104396030
版权

Refused to display 'https://gitlab.com/' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'".

 

检查发现是网站响应头内容安全策略限制（Content-Security-Policy）原因

Content-Security-Policy: connect-src 'self'

connect-src 'self' 会禁止iframe嵌入自己的网页

dkgee
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WebRTC（三）用屏幕分享录制一段视频
'Ablaze 的专栏
05-18 1481
前一章节了解了屏幕分享的API，感觉跟我们常用的“屏幕共享”好像。 那么可不可以用此进行一个屏幕录制呢？ “纸上得来终觉浅，觉知此事要躬行。”看着挺简单的一个东西，没有落实都算说大话。 首先画上三个按钮： <button @click="start" :disabled="disabled.start">开始录制</button> <button @click="stop" :disabled="disabled.stop">结束录制</button> &lt
iframe不起作用？你可能碰到它了。
weixin_30384217的博客
05-02 1056
有一个需求要在iframe里显示一个网站，但设置iframe的src后，iframe并没有起作用。然后打开控制台，发现错误如下： ， 对其搜索找到了答案：https://stackoverflow.com/questions/37799258/content-security-policy-directive-frame-ancestors-self 该网站设置了响应头frame-ances...
解决vue前端iframe框架嵌套第三方网址拒绝访问
最新发布
HD243608836的博客
04-16 2665
Refused to display '嵌套的网址' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
iframe中涉及分页时类选择器事件无法响应的解决办法（ajaxStop）
稻花香的博客
06-04 479
如果是通过前后台ajax请求数据的方法导致 无法将类选择器与引用js关联起来 则可以将后台方法写为一般处理程序，通过ajax请求 来获取数据 此时再在引用js中使用 $(document).ajaxStop(function () {//ajax请求分页内容 停止时重新 也将类选择器事件触发 $('.testone').on('click', $.runtoptab.add...
iframe 事件不起作用
weixin_45932157的博客
08-12 1562
在父页面中绑定了mousemove，但是鼠标经过iframe的时候却没有触发事件，只要加上一点css就好了。
关于iframe点击事件无效的解决办法
android_xiaobai1的博客
07-02 1万+
在一次项目的需求下，我偶然发现一个问题，为什么我给iframe添加点击事件无效。 经过度娘的一番解释发现，iframe是没有点击事件的，神奇! var iframe1 = document.querySelector('#iframeID') iframe1.addEventListener('click', function() { a...
关于两个iframe之间调用对象的问题
qdch520的专栏
06-27 89
最近遇到一个问题，需要在两个iframe之间相互调用，最原始的做法是获取iframe对象.currentWindow.对象的方式来调用，但是这样怕纯在对象引用导致iframe内存销毁的问题。而且没办法封装成一个通用的方法（因为用户调用的实现不一致）。 看到operamasks上面有iframe组件，研究了一下他的iframe之间调用对象的方式，发现是通过eval方法来实现，即先获取调用对象所在的...
详解iframe的src指向的内容不刷新的解决办法
11-20
问题描述 ... <iframe id="h5Content" src=""></iframe> js $("#h5Content").attr("src","${h5.url}");...所以不刷新内容; 解决办法 原因找到了,解决就非常容易了.想任何一种办法让iframe的src的值有
span设置text-indent不起作用的原因及解决方法
09-25
对span.t-i{text-indent:-999px;}后发现并没有起作用，这是因为text-indent只能给块级元素设置，解决方法就是display:inline-block，遇到问题的朋友可以尝试下
回发事件在jquery中不起作用弹出ASP.NET
04-05
标题中的“回发事件在jquery中不起作用弹出ASP.NET”和描述中的“回发事件在ASP.NET中不起作用Colorbox”共同指出一个问题：在使用jQuery弹出窗口（可能是Colorbox插件）时，ASP.NET的回发事件无法正常工作。...
Iframe获取父页面的变量和控件
05-31
`postMessage` 允许我们在不同源的窗口之间安全地传递数据，但必须注意检查消息来源，防止恶意脚本注入。 总结，通过 `Iframe` 实现父子页面的交互主要依赖于 `window.parent` 对象以及各种事件机制。在处理跨域...
IOS React等Title不显示问题解决办法
01-20
这段代码首先将`document.title`设置为新的值，然后创建一个不可见的iframe，并设置其src属性。当iframe加载完成后，会触发`load`事件，此时我们移除事件监听器并删除iframe。通过这种方式，可以避免在iOS或微信...
iframe加载iis的https没有任何响应_快速，简单，可靠地测试浏览器中运行的任何内容...
weixin_35904873的博客
01-13 183
cypress对浏览器中运行的任何内容进行快速，简单和可靠的测试。安装安装适用于Mac，Linux或Windowsnpm install cypress --save-devyarn add cypress --dev特性日志在您的测试运行时拍摄快照。只需将鼠标悬停在命令日志中的命令上，即可确切了解每个步骤发生的情况。可调试停止猜测为什么你的测试失败了。调试从如Chrome DevTools熟悉的...
VUE+内置iframe传值失效问题解决
qq_38295468的博客
03-08 706
公司业务需要计算建筑物截收面积，然后我采用的是openCV来计算，在vue内部引用不了，然后就采用了iframe原生html来完成；功能实现了我想让iframe和vue通信；然后用原有方式试了多次都失败了，iframe传值可以但是拿取vue父级传递的数据总是undefined；
html iframe 设置半透明_延迟加载IFRAME
weixin_39570505的博客
12-01 312
IFRAME是HTML标签，在当前 HTML 文档中嵌入另一个文档。有关<iframe>详情请查阅文档，这里我们先了解关于<iframe>在浏览器中的延迟加载（懒加载）特性。延迟加载IFRAME - By DeathGhost​www.deathghost.cn关于HTML<iframe>标签HTML内联框架元素<iframe>能够将另一个HTML页...
iframe 拒绝了我们的连接请求_iframe注入和非法重定向
热门推荐
weixin_39672396的博客
12-01 1万+
iFrame注入是一种非常常见的跨站点脚本(或XSS)攻击。它由一个或多个iFrame标签组成，这些标签已插入页面或帖子的内容中，并且通常会下载可执行程序或执行其他危害网站访问者计算机的操作。在最佳情况下，Google可能将网站标记为“恶意”。最坏的情况是网站所有者和访问者最终都感染了恶意软件。iFram注入，当易受攻击的网页上的框架通过用户可控制的输入显示另一个网页时发生。GET/se...
iframe 拒绝了我们的连接请求_互联网初识系列2：http请求之路
weixin_39699121的博客
12-01 3124
HTTP是一种协议，超文本传输协议(Hypertext transfer protocol)。就好比接头暗号，是双方定义好的，只有暗号正确，才能沟通正文，谈交易。而http我们的浏览器和服务器之间互相通信的规则。1、当我们在地址栏敲下www.toutiao.com，这个时候浏览器会自动带上http://www.toutiao.com，(当然我们头条是https的这个后面再说)2、然后浏览器自动对请...
iframe弹出层异常：xxx拒绝了我们的连接请求
雅俗共赏的博客
05-31 4645
x-frame-options配置
嵌入页面拒绝了我们的连接请求
qq_38850577的博客
05-14 7968
背景 将Grafana图表使用iframe集成到自己的web项目时出现 ”192.168.79.130 拒绝了我们的连接请求“ 192.168.79.130为虚拟机地址。 原因 Grafana默认不支持嵌入。 解决 修改配置即可。 其他情况对应修改即可。 如spring boot默认为了安全， 默认不让网页支持嵌入， 帮助用户对抗点击劫持。 ...
<iframe>的作用
05-20
<iframe> 是 HTML 中的标签，用于在网页中嵌入其他网页或者文档。它可以用来实现以下功能： 1. 在网页中嵌入其他网页，实现页面的嵌套和组合； 2. 在网页中嵌入视频、音频等多媒体内容，实现音视频播放； 3. 在网页中嵌入表单，实现表单的提交； 4. 在网页中嵌入地图、图表等内容，实现可视化展示。 使用 <iframe> 标签时需要注意安全问题，因为它可以嵌入其他网站的内容，可能会导致跨站点脚本攻击等安全问题。建议谨慎使用，并且只嵌入可信的网页内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值