高版本safira浏览器不支持iframe问题

最新推荐文章于 2026-05-01 09:57:31 发布
原创 最新推荐文章于 2026-05-01 09:57:31 发布 · 906 阅读 · 6 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#safari

1. 上线后发现17.5版本safair报错不支持iframe，存在跨域问题。
解决方法：运维配置Content-Security-Policy: frame-ancestors 'self' blob: https: www.xxx.com

精灵无悔
关注
ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)
01-20
最近做微信公众号页面，因为入口不同，需要把公共页面抽取出来，然后根据不同的值，传递给后台不同的入口。刚开始用iframe页面嵌套（第一次尝试使用），但发现iOS系统对iframe嵌套页面的高度和定位控制的不到位，具体表现为，当嵌套的子页面的高度大于父页面的高度，且子页面中有触发弹框事件时，这时，如果子页面高度远远大于父页面高度，就会出现弹框找不到的情况，其实可能是在视口以下，弹框的位置只是相对于子页面来定位，并没有相对于视口定位。 尝试了好多种方法，均不理想，而安卓系统则表现良好，于是想到，iOS系统可直接做页面跳转，而安卓系统则正常使用iframe（如果安卓系统直接做页面跳转，会有问题，故使
如何在不支持iframe的网站中引入iframe解决方法
欢迎来到鸾姝淡月博客，专为程序员和编程爱好者打造的技术博客。我们分享编程语言趋势、开发工具、编程哲学、职业发展等，助你掌握新技术，优化技能，激发编程热情。
02-15 738
1.可以通过javascript拼接方式： var ifr = "<ifr"; ifr += "ame width='100%' height='600' class='share_self' frameborder='0' scrolling='no' src=''></ifr"; ifr += "ame>"; $("#tmp").after(ifr); 2.使用使...
iframe的局限性
shallow77的博客
04-04 1371
目录前言主要缺点 前言 之前公司使用的技术便是通过iframe组成微前端的页面，遇到过一些问题，这几天正好面试又被问到，特地总结一下。 主要缺点 大致为一下四点： 创建速度比一般的DOM元素慢1~2个数量级 阻塞页面加载。onload事件触发浏览器的“忙”指示，告诉用户网页加载完毕。使用iframe后需要等所有iframe加载完毕才会onload。在 Safari 和 Chrome 里，通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况 唯一的连接池。浏览器只能开少量的连
别再只用X-Frame-Options了！深入对比Content-Security-Policy的frame-ancestors，为你的Web应用选择最佳防嵌套策略
最新发布
weixin_28715953的博客
05-01 260
本文深入对比了X-Frame-Options与Content-Security-Policy的frame-ancestors指令，为Web应用选择最佳防嵌套策略提供实战指南。通过分析Nginx配置陷阱、兼容性处理及高级安全策略设计，帮助开发者有效防御iframe嵌套攻击，提升Web应用安全性。
关于ios,safari和iframe的各种
wimenlo的前端博客
06-20 1万+
最近没更新过vue的demo和博客，主要原因还是因为手头上有工作，假日也是忙得不行。不过能折腾一下也好，证明自己其实还年轻嘛。 回到正题，我负责的一个项目用的是iframe嵌套页面，bootstrap做UI框架，iframe各种坑我也是早有耳闻，在开始的时候也踩了不少，好在查了不少资料也算是解决了。忽然有一天需求大哥跟我说：兄弟不得了啦，你的页面在iphone上滚动不了，点击也没反应啦。我一下被
Safari 和 Opera 中的 iframe 页面 Cookie 读取问题解决方法 - JavaScript 技巧
ByteZenith的博客
09-27 975
在 Safari 和 Opera 中，由于安全策略的限制，直接从嵌入的 iframe 页面中读取 Cookie 数据是不可能的。然而，通过使用间接传递的技术，我们可以将父页面中的 Cookie 数据传递给嵌入的页面，并在嵌入的页面中解析和使用这些 Cookie 数据。在上面的示例代码中，我们首先在父页面中获取了所有的 Cookie 数据，并将其传递给嵌入的页面。在嵌入的页面中，我们通过解析传递过来的 Cookie 数据，将其转换为一个对象，并可以进一步使用这些 Cookie 数据进行相应的处理。
chrome浏览器 不再支持iframe 携带cookie 
02-22 3494
chrome浏览器 不再支持iframe 携带cookie 问题:最近大家在使用页面里嵌iframe的业务，发现，iframe无法获取cookies，由于版本限制。 2. 问题解决 谷歌浏览器打开页面chrome://flags 找到SameSite by default cookies，设置为Disabled ...
iframe嵌套其他网站提示连接被拒绝
我的博客
06-08 1万+
最近开发项目中遇到了iframe嵌套页面，遇到了域名提示…拒绝了您的访问。报错：Refused to display ‘http://xxxxxxx/’ in a frame because it set ‘X-Frame-Options’ to ‘deny’.X-Frame-Options： HTTP 响应头是用来给浏览器 指示允许一个页面 可否在或者中展现的标记。站点可以通过确保网站没有被嵌入到别人的站点里面，从而避免 点击劫持 攻击。
ios中https网站不允许iframe内嵌http网页链接
大雾起了清晨
05-20 1078
从iOS 10版本开始，iOS Safari对于iframe内嵌http网页链接的访问进行了限制，阻止了http网页在https网站中进行iframe内嵌。这是出于安全考虑，以防止不安全的http网页可能导致安全漏洞或信息泄露。因此，如果想在iOS中实现iframe内嵌，建议保证被嵌入的页面都是https的。
iframe滚动条在safari中无法滚动的终极解决方案
qq_27822743的博客
09-23 1679
大家都知道，正常情况下iframe嵌套的页面如果高度超过iframe高度，那么就正常出现滚动条，并且此滚动条是iframe自身的滚动条。 但在ios,safari浏览器下这一切都失效了，或许你百度，研究了一晚上也百思不得其解，因为大部分情况下你无法进行真机调试，那么你看到我的文章，将带你解决这一困扰。言归正传： 在safari的Webkit引擎下，iframe的高度会随着嵌套页面内容的增大而增大...
iphone中访问带有iframe的网页无法显示全部内容
Code-Create-World
06-14 9901
今天在解决公司平台网页在手机端访问兼容性问题时，遇到index页面通过iframe嵌入右边内容页面在anroid显示正常（主要为：页面内容超过iframe高度、宽度，可以正常显示滚动条，也可以滑动显示），但是在iphone自带的浏览器或者在iphone下载其他浏览器访问，iframe内容均无法全部显示，主要表现为： 1、iframe只显示了嵌入内容的部分，无法显示全部，感觉内容被截掉了 ...
探索解决Safari浏览器中第三方Cookie禁用的神器——safari-cookie-in-iframe
gitblog_00072的博客
06-26 938
探索解决Safari浏览器中第三方Cookie禁用的神器——safari-cookie-in-iframe 在Web开发的世界里，跨站脚本（如Facebook应用）通过<iframe>加载其他站点的内容是一种常见的场景。然而，当涉及到Safari浏览器时，其默认情况下对第三方Cookie的阻塞成为了开发者们头疼的问题。本文将向您介绍一款名为safari-cookie-in-iframe...
iframe嵌套页面 跨域_marginheight意外的跨域通信渠道
weixin_39871562的博客
12-01 352
Twitter上有一个挑战，这是一个xss题目，非常的有意思和值得学习。挑战地址为:https://securitymb.github.io/xss/3/代码审计挑战的核心在于以下几行JavaScript：document.addEventListener("DOMContentLoaded", () => { for (let attr of document.body.a...
如何取消谷歌浏览器对iframe类禁止跨域访问的办法【支持跨域网页访问】【ie浏览器默认是可以访问的】
热门推荐
weixin_43343144的博客
04-22 1万+
解决访问来自文章：https://docs.uibot.com.cn/guide/ 有时候，在一个网页当中，会通过引用的方式，或者iframe嵌套的方式，在其中内嵌一个其他域名下的网页。对于这种情况，我们称为“跨域网页”。在这种情况下，出于安全的考虑，不同的浏览器会有不同的策略。我们来实际体验一下： 打开Chrome浏览器，浏览http://mail.qq.com，即QQ邮箱页面，切换到...
sarafi浏览器iframe跨域cookie无效的处理方案(笨方法，看官莫笑)
weixin_30587927的博客
01-15 641
<script> $(function(){ url = 'oauth_authorize_api'; loaded = false; iframe = '<iframe id="login" width="100%" height="500" src="' + url + '"></iframe&g...
当ios遇到iframe出现的问题调研
张张张的博客
12-20 1万+
ios中iframe不兼容的问题和解决方法
iframe
这可不是一般的博客，这是王维诗里的博客
06-15 403
iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容，为了更好的效果，可能需要使iframe透明效果，那么就需要了解更多的iframe属性。 示例： <iframe src="https://www.baidu.net" width="200" height="500"> 该网站使用了框架技术，但是您的浏览器不支持框架，请升级您的浏览器以便正常访问。 </iframe> iframe的优点： 1.iframe能够原封不动的把嵌入的网页展现出.
IE11浏览器无法加载iframe页面的解决方法
A_hunteranimal的博客
11-20 4741
**当你使用ie11浏览器出现** ![打开ie检查iframe出现的结果](https://img-blog.csdnimg.cn/20191120163749124.png) 这种情况是因为iframe标签在IE浏览器上直接添加src属性是加载不上去的，所以就需要在JS中添加方法 <ifrane id = "cc></ifra...
Safari恶性bug（iframe与onload,alert的冲突）
CaiKanXP的专栏
06-12 4405
<br />测试环境：<br />Windows XP SP3<br />Safari 4.0.5<br />Safari 5.0<br /> <br />新建一个html文件，内容如下：<br /><iframe onload="alert(1)"></iframe><br />将此文件拖入Safari，Safari就“死了”……<br /> <br />原因：初始src属性为空或“about:blank”的iframe元素，如果其onload事件中有alert,confirm,prompt等函数的话，S
跨域下的safari-cookie-in-iframe 单点登录失败，前端无法携带cookie到后端
u014170770的博客
04-24 3522
原因：A站点里有个iframe的src是b站点，服务器向b站点写入cookie成功，可是b站点发起请求到服务器（A站点的后台）时，由于B站点是在A站点的iframe里，而且跨域。Safari浏览器认为是第三方cookie，不会携带到请求里。 解决方案： p3p就先不说了，不配p3p其他浏览器也会有问题 response.setHeader("P3P", "CP=CAO PSA OUR"); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值