https前端http类型的iframe 白屏现象

最新推荐文章于 2024-09-09 15:01:35 发布
最新推荐文章于 2024-09-09 15:01:35 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： http 文章标签： http https html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sy_yan/article/details/120190622
版权
本文探讨了HTTPS网站在使用HTTP类型的iframe时出现的白屏现象，强调了浏览器安全策略对这种混合内容的限制。非技术手段包括遵循浏览器协议，避免嵌套HTTP内容。技术上，通过设置Meta标签的Content-Security-Policy为upgrade-insecure-requests，可以强制升级不安全的请求，从而解决加载问题。
摘要由CSDN通过智能技术生成

https前端http类型的iframe 白屏现象

1. 非技术手段

  • 嵌套的时候严格遵守浏览器协议 禁止https嵌套http
  • 浏览器的修改
  • 严格遵守过网站的url

2. 技术手段

meta存在两个非必须的属性http-equiv和name, 用于表示要设置的项。
比如,设置的项是Content-Security-Policy设置的值是upgrade-insecure-requests。

因为https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止。后来在文档中添加了完美解决

解决iframe嵌套第三方页面被拒绝
qq_36579455的博客
09-16 1879
Refused to frame '' because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://，iframe嵌套页面被拒绝了，怎么使用nodejs修改本次的响应头
https嵌套http的iframe
sy_yan的博客
06-22 4659
今天项目遇到了问题，一个用户访问不到嵌套了iframe的页面，原因是这个用户访问的我们的项目是https，那个页面嵌套的是http 后来发现 浏览的安全机制会让安全性高的项目不能嵌套安全性低的iframe页面 https不能嵌套 http 其他嵌套情况都可以 总结如下： http可以嵌套http https https可以嵌套 https 其他的解决方案： 让嵌套的页面都改成https （合理） 在浏览器中设置这几个地址是安全的（不合理） 让用户访问的https的时候修改为http （不太合理） ...
iframe加载时白块及刷新白色背景问题解决
08-16
在使用iframe时，iframe背景为白块，刷新时也会闪过白块。如果刷新时间长，就会一直出现白块，让人很烦恼，通过网上搜资料，测试很多依然没有效果，最终解决方法如下所示,注意主要针对IE浏览器测试。
解决FireFox刷新后button 被 disabled
xiaoliang_xie的专栏
02-10 1518
方法1： window.addEventListener('pageshow', function(e){ // 重置你不需要 disabled 的按钮 }, false); 方法2: 给提交按钮加上 autocomplete="off" 的属性。
https iframe嵌套http页面
康一夏忙中偷闲的日子
05-06 2474
page iframe status http http allowed http https allowed https http not allowed https嵌套http不支持 https https allowed https https insecure scripts not allowed https https inscure images allowed but the browser will warn ————————————————...
iframe加载白屏闪烁解决方案
dabaooooq的博客
03-05 2355
onload 事件在iframe载入完成后被触发，载入过程中隐藏，onload触发时显示，当然这个过程中可以做一些动画，在load事件中控制动画的显示隐藏即可。
浅谈H5前端性能测试实践1
08-08
在本文中，我们将探讨H5前端性能测试的实践方法，主要关注H5页面加载过程、白屏问题的分析以及解决卡慢问题的策略。H5因其灵活性、轻量化和跨平台特性，在各种业务场景中广泛应用，但其性能表现相较于原生应用常常略...
前端面试题（超全！）
weixin_57136547的博客
09-09 3929
CSS的盒子模型有哪些：标准盒子模型、IE盒子模型CSS的盒子模型区别：标准盒子模型：margin、border、padding、contentIE盒子模型 ：margin、content（ border + padding + content ）通过CSS如何转换盒子模型：/*标准盒子模型*//*IE盒子模型*/伪元素什么是伪元素：是用于创建并操作元素的特定部分，它可以在DOM中创建一个不存在的元素，并为其添加样式。::before：在元素内容之前插入内容。
Web 前端基础知识面试大全
m0_56349322的博客
04-01 1万+
一、HTML 1.对 HTML 语义化的理解 见标签知其意思 header main nav aside footer h1-h6 ul li 优点：结构清晰、方便搜索引擎搜素（seo）、方便理解维护 2.区别：src 和 href src 比如常见的 <img src=""> 这里的 src 所指的是这个图片的所在的位置路径，script 和 iframe 也是，src 被解析的时候，会进行下载并编译，同时会暂停该文档其他资源的下载和处理，所以 js 文件的载入最好在 bod...
iframe内容页白块及刷新白色背景问题解决
07-24
iframe内容页白块及刷新白色背景问题解决，在IE6，IE9上测试通过。
前端面试题干货汇总（超详细）
王俊的博客
07-11 3727
前端面试干货汇总，包括HTTP、JS、CSS等
前端面试题汇总
m0_73596760的博客
01-11 582
前端,面试,vue,css,js
iframe加载白屏闪烁问题解决
rpiszbybb的博客
04-19 2278
point：onload 事件在frame或者iframe载入完成后被触发。 直接上代码： export default function IframeDemo() { const [iframeLoad, setIframeLoad] = useState<boolean>(false); return ( <div className={cn(style.itemImg, style.iframeWrapper)}> /* 添加缺省图/水印 .
iframe嵌入页面白屏_封闭在家学网页制作！为页面嵌入PDF文件——零基础自学网页制作
weixin_39588983的博客
12-01 256
在页面中嵌入PDF文件在上一篇《在html页面中嵌入其他页面的方法——零基础自学网页制作》(结尾见目录)中我们学习了如何在页面中嵌入其他页面的操作。今天我们来嵌入一个pdf文件。其实使用示例代码如下： 页面效果如下：考虑到pdf的版权问题就不给大家上传云盘了，大家可以找其他pdf文件代替即可。如果您对这本书感兴趣可以关注并私信我。除此之外再给大家介绍两个新标签。一个是标签，一个是标签。标签和标签...
ssl加载不了iframe网站https改造后含http访问的iframe框架无法显示的解决办法
仿站、源码搭建/迁移技术博客
04-26 2116
ssl加载不了iframe 网站https改造后含http访问的iframe框架无法显示的解决办法 只需要在页面中加入下面这句代码即可见证奇迹时刻！ <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 网络上的教程，真的是实用的很少啊，还是自己记录下来吧！ ...
https使用iframe嵌入http资源的问题
热门推荐
lao_pei的专栏
06-22 6万+
  1）目前现象：           https 网站 使用iframe嵌入http资源网站的内容，会弹出“是否加载不安全的内容”的提示，点击“加载”按钮后显示正常。          对用户来说显示不友好。  2）问题原因：          https中使用http的资源时，浏览器会认为可能会不安全， 会自动弹出“是否加载不安全的内容”的提示。          该提示由浏览器自动弹出，不能...
关于https页面使用ifream嵌套http页面问题解决
weixin_40576390的博客
04-23 2万+
之前公司项目,部署的时候协议用的http,然后前几天,运维把协议换成了https的,当时也没仔细测试,觉得没什么问题,蓝后,昨天,产品部的人突然发现其中的某个播放视频的页面显示不出来了,报错信息: 接着上这个页面的部分代码: 就是这个页面用ifram嵌套了另一个项目的页面,另一个项目http和https都支持(猜测不指定的情况下,它默认会找http的),刚开始看到这个问题一脸懵,也不知...
前端iframe实现pdf预览白屏
最新发布
09-30
前端通过`<iframe>`标签预览PDF文件时，有时可能会遇到页面空白的问题。这通常是因为浏览器出于安全考虑，限制了来自第三方资源的内容在跨域情况下显示。以下是可能导致预览PDF白屏的一些原因及解决方法： 1. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值