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 2293
Refused to display '嵌套的网址' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
第17节-内联框架Inline Frame-热区Hot Spots | 剑雨Axure RP9系列【基础】
剑雨
08-15 2462
内联框架Inline Frame 内联框架Inline Frame可以将HTML，视频，音频和其他媒体文件嵌入到Axure RP中。比如YOUKU视频和BAIDU地图，也可以将原型中的其他页面嵌入其中。 内联框架的使用 从左侧拖入一个内联框架，双击元件，可以看到弹出了**链接属性*8的对话框，此处可以选择链接至AXURE文件中的其他页面或者外部URL地址。 特殊属性 边框的隐藏 默认情况下，内联...
此内容不能显示在同一框架中_IntelliJ IDEA新手必看（二）：在工具窗口中快速搜索...
weixin_39785858的博客
01-20 616
IntelliJ IDEA是Java语言开发的集成环境，IntelliJ在业界被公认为优秀的Java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面的功能可以说是超常的。IntelliJ IDEA 2019.3提供了重大的性能和可用性改进，包括更快的启动，主题和键盘映射插件的安装更容易，增强的VCS工作流以及增加...
此内容不能显示在一个框架中的原因
weixin_30662849的博客
08-30 1万+
此内容不能显示在一个框架中的原因 想使用iframe嵌套一个网站 结果提示是这个 原因是 对方网站设置了 X-Frame-Options: sameorigin ...
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> ...
此内容不能显示在一个框架中 ie_Internet Explorer中发现新漏洞，谨防窃取本地信息...
weixin_39872395的博客
12-04 2294
几天前，安全研究人员在Microsoft Internet Explorer中发现了一个零日XML外部实体(XXE)注入漏洞，该漏洞可使攻击者从受害者的机器上窃取机密信息或提取本地文件。根据研究人员的说法，IE是MHT文件的默认开启者，因此即使用户使用其他浏览器，IE也可能会打开恶意MHT文件。 MHT是Internet Explorer用于脱机下载和保存文件的格式。它可用于保存Web内容或保存电...
关于iframe页面报错如何跳到框架显示
03-05
关于iframe页面报错如何跳到框架显示,c# js两种
SharePoint Iframe 报错“此内容不能显示在一个框架中”
weixin_33801856的博客
10-24 1188
问题描述 　　我们SharePoint站点用Excel Service发布的Excel，需要Iframe到其他系统中，但是，Iframe的时候发现报错“此内容不能显示在一个框架中”。 　　后来，尝试在其他系统中Iframe SharePoint其他页面，同样报这样的错误；但是SharePoint自己的页面，Iframe自己页面不报错，Iframe自己的Excel Services 页面报错，很...
此内容不能显示在一个框架中_小米手机安装谷歌服务框架，最简单的方法
weixin_39563420的博客
11-30 2219
点击上方云中栖居关注 ▲在手机中正常安装、运行谷歌应用以及很多国外的其他APP，都需要谷歌服务框架(Google services framework)的支持。但是，国内安卓手机中并没有内置Google服务框架，而在工作中，又经常需要使用谷歌应用，或者需要谷歌帐户身份验证的其他应用软件。因此，您只能自己手动安装Google服务框架和Google Play应用商店。小米手机MIUI系统也可...
SharePoint Iframe 报错“此内容不能显示在一个框架中”<续>
weixin_34237596的博客
06-25 951
　　在之前的SharePoint站点iframe引用中，我们遇到过下面的问题，就是其它系统或者不通环境的SharePoint站点，引用SharePoint页面会报错“此内容不能显示在一个框架中”，之前我们采取了解决方案的办法。 　　今天，无意中翻看msdn，发现了更加简便的方法，分享给大家。 原理介绍 　　在大部分情况下，如果网页在响应中发送 X-Frame-Options HTTP 头...
iframe在ie浏览器中不显示
w_yeyue的博客
06-06 791
在ie浏览器中显示这是因为在头信息里面有x-iframe-options设置，例如
iframe标签引用显示为空，ie下 【此内容不能显示在一个框架中， 为了帮助保护在此网站中输入的信息的安全……】
热门推荐
小小的人儿的博客
03-17 3万+
在用jsp开发页面时，遇到了一个以前没有遇到的问题，用iframe标签嵌入页面居然失灵了，到网上找资源，知道了，问题和X-Frame-Options有关，所以我找各种设置X-Frame-Options，可惜都没用，直到继续搜索资料，我发现是使用的spring security安全框架设置了默认的X-Frame-Options为DENY,更改spring security配置http.heade
此内容不能显示在一个框架中 ie_【IE之5M1E深度解析】
weixin_39805720的博客
11-30 1290
我们来详细说说制程工艺分析模块的第三个内容：5M1E一：学习要点1.5M1E包含的6大因素;2.5M1E思维与我们的IE框架体系；3.5M1E在IE领域的两个作用；4.从5M1E分析结果中，得到了什么。二：5M1E概念详解1.5M1E起源 5M1E分析法其实起源于质量管理，当产品出现质量问题的时候，在寻找潜在发生原因的时候，因为思路的这种局限性，很难考虑全各个方面的因素，因此鉴于这个困惑，...
在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、付费专栏及课程。

余额充值