iframe 此内容不能显示在一个框架中

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

在这里插入图片描述

  • 原因：所引用的链接设置了X-Frame-Options，可查看链接打开后，Http请求的响应头：
    在这里插入图片描述
  • 什么是X-Frame-Options？
    • 是用来确认是否浏览器可以在frame或iframe标签中渲染一个页面，网站可以用这个头来保证他们的内容不会被嵌入到其它网站中，以来避免点击劫持。
  • 为什么要设置X-Frame-Options
    • 攻击者可以使用一个透明的、不可见的iframe，覆盖在目标网页上，然后诱使用户在该网页上进行操作，此时用户将在不知情的情况下点击透明的iframe页面。通过调整iframe页面的位置，可以诱使用户恰好点击iframe页面的一些功能性按钮上，导致被劫持。
  • X-Frame-Options的使用
布噜布噜吐泡泡
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于“此内容不能在框架中显示”问题
weixin_38169359的博客
08-07 1万+
这是因为配置了X-Frame-Options 响应头。 什么是X-Frame-Options 响应头？ 　　一种安全策略造成的，为了防止“ClickJacking attacks[点击劫持攻击]”，下面我们再看看什么是这个点击劫持 点击劫持定义 　　打开一个网页，出现一个flash广告框，你点击“关闭”按钮，可结果广告并没有关闭，却变成了全屏，这样的情况在计算机安全领域叫做点击劫持...
SharePoint 2013 Dialog 此内容不能显示在一个框架中
段传涛 的专栏
06-07 9680
SharePoint 2013 Dialog 此内容不能显示在一个框架中 此处内容是引用了SP.UI.Dialog。 与Iframe 引起的内容处理方法完全不一致。用了一天的时间，也没有修改完成。后来发现如下修改可以搞定。 此内容不能显示在一个框架中 为了帮助保护在此网站中输入的信息的安全，此内容的发布者不允许在框架中显示
解决vue前端iframe框架嵌套第三方网址拒绝访问
最新发布
HD243608836的博客
04-16 2294
Refused to display '嵌套的网址' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
SharePoint Iframe 报错“此内容不能显示在一个框架中”
weixin_33801856的博客
10-24 1188
问题描述 　　我们SharePoint站点用Excel Service发布的Excel，需要Iframe到其他系统中，但是，Iframe的时候发现报错“此内容不能显示在一个框架中”。 　　后来，尝试在其他系统中Iframe SharePoint其他页面，同样报这样的错误；但是SharePoint自己的页面，Iframe自己页面不报错，Iframe自己的Excel Services 页面报错，很...
SharePoint Iframe 报错“此内容不能显示在一个框架中”<续>
weixin_34237596的博客
06-25 951
　　在之前的SharePoint站点iframe引用中，我们遇到过下面的问题，就是其它系统或者不通环境的SharePoint站点，引用SharePoint页面会报错“此内容不能显示在一个框架中”，之前我们采取了解决方案的办法。 　　今天，无意中翻看msdn，发现了更加简便的方法，分享给大家。 原理介绍 　　在大部分情况下，如果网页在响应中发送 X-Frame-Options HTTP 头...
AppUI自动化中的图像识别的使用
测试开发探秘
11-30 2815
人工智能现在使用的越来越成熟了，如人脸识别，图像识别等，在AppUI自动化测试中，也有越来越多的框架或是公司引入图像识别技术来提高自动化测试的执行效率。图像识别，是指利用计算机对图像进行处理、分析和理解，以识别各种不同模式的目标和对象的技术，是应用深度学习算法的一种实践应用。现阶段图像识别技术一般分为人脸识别与商品识别，人脸识别主要运用在安全检查、身份核验与移动支付中；商品识别主要运用在商品流通过程中，特别是无人货架、智能零售柜等无人零售领域。 图像的传统识别流程分为四个步骤：图像采集→图像预处理→特..
js如何设置在iframe框架中指定div不显示
10-26
在JavaScript中，隐藏或显示`iframe`框架内的`div`元素是常见的需求，尤其是在构建复杂的网页布局或交互时。以下是一些使用JavaScript实现这一功能的方法，以满足在不同上下文中控制`div`可见性的需求。 首先，我们...
SharePoint Iframe Excel Services 页面报错“此内容不能显示在一个框架中”.pdf
11-06
SharePoint Iframe Excel Services 页面报错“此内容不能显示在一个框架中”
ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容
01-21
ASP.NET中iframe框架点击左边页面链接，右边则显示链接页面内容，具体实现内容如下 先看看效果图： 首先是主页面main.aspx <body style=background-color: #AFEEEE> <form id=form1 runat=server> ...
iframe框架页面不显示数据 解决方案
qq_43102538的博客
05-21 2081
页面和框架属性有冲突，可能某一个页面定义了全局变量var name；和框架属性有冲突，所以导致不显示数据
关于iframe页面报错如何跳到框架显示
03-05
关于iframe页面报错如何跳到框架显示,c# js两种
iframe标签引用显示为空，ie下 【此内容不能显示在一个框架中， 为了帮助保护在此网站中输入的信息的安全……】
以爱护甲,爱满枫林。
12-25 3379
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq1049545450/article/details/62887050 &lt;link href="https://csdnimg.cn/release/phoenix/template/css/ck_htmle...
IE11下iframe显示不全解决方案
天涯的博客
01-11 4190
最近系统在IE11下iframe显示不全，需要处理最后发现一个不需要修改代码的方法解决了问题,现记录如下 首先找到IE浏览器设置，首先将站点加入兼容性。 打开Internet选项 打开安全 增加受信任的站点 设置完成之后关闭浏览器重新打开站点即可（如有站点修改后没有改变需要考虑别的方案） ...
在VUE框架中 点击iframe可以全屏显示该标签内容
06-03
在Vue框架中，可以通过以下步骤实现点击iframe可以全屏显示该标签内容： 1. 在组件中定义一个变量来记录是否全屏显示。 ``` data() { return { fullscreen: false } } ``` 2. 在模板中渲染iframe标签，并根据变量值设置相应的样式。 ``` <template> <div :class="{ 'fullscreen': fullscreen }"> <iframe src="https://example.com"></iframe> </div> </template> <style> .fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } .fullscreen iframe { width: 100%; height: 100%; } </style> ``` 3. 绑定点击事件，通过改变变量值来控制是否全屏显示。 ``` <template> <div :class="{ 'fullscreen': fullscreen }"> <iframe src="https://example.com" @click="toggleFullscreen"></iframe> </div> </template> <script> export default { data() { return { fullscreen: false } }, methods: { toggleFullscreen() { this.fullscreen = !this.fullscreen } } } </script> ``` 当点击iframe标签时，会触发toggleFullscreen方法，该方法会将变量fullscreen的值取反，从而改变样式，实现全屏显示和取消全屏显示的切换。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值