谷歌浏览器高版本浏览器88或以上,引用iframe内嵌页面,页面加载不出来

已于 2023-06-21 15:14:33 修改
阅读量2.6k 收藏 1
点赞数 2
文章标签： 前端 javascript html 开发语言 ecmascript
于 2023-06-16 09:57:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tm772665493/article/details/131256425
版权

解决方案:

在外层页面加上这个强制用ie就行了

<meta http-equiv = "X-UA-Compatible" content="ie=edge">

其他需要ie浏览器兼容,谷歌浏览器不兼容的也可以试试这个

发现了bug,如果跨域的调用iframe,就失效了.

完美解决方案:

使用别的浏览器或者使用谷歌浏览器的ie插件访问并且加上<meta http-equiv = "X-UA-Compatible" content="ie=edge">,问题完美解决!

ラピスラズリ(Dawn)
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
chrome升级后无法访问iframe页面
Jack_software的专栏
11-24 3199
现象： Google chrome升级，升级后版本 修改下面设置： chrome://flags/#same-site-by-default-cookies ，设置为 Disabled chrome://flags/#cookies-without-same-site-must-be-secure ，设置为 Disabled 重启浏览器 参考:https://developer.aliyun.com/article/743364 ...
iframe嵌套的页面无法显示_Chrome 80.0后的版本，有些系统无法访问了，怎么回事？...
weixin_39738380的博客
12-01 3602
最近有个项目突然在使用过程中发现，在chrome浏览器下显示拒绝连接，而其他浏览器显示正常。查看请求发现，浏览器访问系统的时候没有将登录成功设置的cookie传递到后端，导致系统登录失败，系统自动跳转到登录页面，页面无法显示。 查询资料发现，chrome新版本对于iframe嵌入系统的情况，不在发送嵌入系统的cookie。而该项目正是使用的iframe嵌套另外的系统。这...
谷歌浏览器最新版本对iframe等做了限制
better1166的博客
11-13 2271
https://www.cnblogs.com/liu01321/p/13521558.html
iframe在其它浏览器可以显示，谷歌浏览器中无法显示问题
qq_34498048的博客
11-26 3342
转载https://blog.csdn.net/weixin_44202904/article/details/108848898 iframe在谷歌浏览器中无法显示问题 在页面中嵌入iframe，下面就是我所嵌入的iframe如果需要传入参数，可以使用模板字符串的形式。 src写的地址单独在谷歌浏览器是可以访问到html页面内容，但在项目中，嵌入的iframe就是不能显示，通过查找发现是由于谷歌浏览器升级后影响的。 使用下面的方法解决了我的问题Chrome 中打开 chrome://flags/#
关于iframe嵌入的页面无法正常使用的可能原因其一------跨域问题
weixin_43421537的博客
11-19 7269
背景： 1、使用的谷歌浏览器。 2、独立的系统，单独输入连接访问没有问题。 3、通过iframe嵌入后新系统后，某些功能不能正常使用，多见于涉及到session中的操作时。 原因： 谷歌浏览器在83版本以上，会设计到跨域问题。见请求头中的代理，如图： 和版本相关。最简单的验证方式，如果使用低版本或者360浏览器可以正常运行，即证。 版本对应关系查看，如图：点击打开 查看谷歌版本： ...
解决chrom浏览器iframe嵌套写cookie问题
火焰云的博客
01-19 6565
chrom浏览器环境下当前网站被第三方iframe嵌套，如何保证cookie值成功写入 1、保证请求的url必须是https协议。 2、response头部设置 response.setHeader(“Set-Cookie”,ut+“Path=*; SameSite=None; Secure”);
iframe内嵌链接常见问题
一个希望世界和平的前端程序猿的博客
12-26 1万+
iframe内嵌链接常见问题
Chrome 91+ 版本Iframe嵌入其他站点页面报错
xy596356456的博客
06-25 3106
Chrome的SameSite策略 Chrome浏览器于51版本引入SameSite属性，默认值为None,用于管控跨站页面的Cookie携带问题 主要用于防止进行用户追踪和CSRF攻击,具体内容可以查看下边大神的文章 Cookie 的SameSite属性 --阮一峰的网络日志 Chrome 86版本发布时（2020年10月）开始滚动更新 SameSite的默认值为 Lax（追溯到80+版本），当时一批使用Iframe嵌入其他站点页面的系统出现异常，可以通过调整Chrome配置解决这个问题： Ch
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
01-19
用谷歌搜索到很多答案,其中成功的是这段代码 代码如下: [removed] function SetCwinHeight() { var iframeid = document.getElementById(“maincontent1”); //iframe id if (document.getElementById) { if (iframe...
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
10-27
在JavaScript中，页面的重新加载是一个常见的操作，特别是在动态更新内容或者用户请求刷新时。页面的重新加载可以分为两种情况：当前页面的刷新和上级页面的刷新。 **当前页面的刷新**： 当前页面的刷新非常简单，...
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
10-20
主要介绍了jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码,需要的朋友可以参考下
html页面高度不固定在不同浏览器下的兼容性设置
09-25
首先，我们注意到标题提到的问题在于页面高度不固定，需要在页面加载完成后动态调整iframe的高度以适应内容。在跨域的iframe中，由于同源策略的限制，父页面无法直接访问子页面的内容，因此通常需要子页面通过...
判断iframe里的页面是否加载完成
09-04
在网页开发中，有时我们需要在主页面中嵌入一个或多个`iframe`，这些`iframe`通常用于加载其他页面内容。然而，为了实现更复杂的交互功能，如在父页面与`iframe`页面之间进行通信或者在`iframe`加载完成后执行某些...
chrome浏览器跨域Cookie的SameSite问题导致访问iframe内嵌页面异常
热门推荐
CoreyJu的博客
09-16 6万+
Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute问题还原原因分析可能在 Chrome 80 中受到影响的场景如下解决方案 问题还原 原先一直访问正常的系统，最近打开页面一直加载不出来。 初步分析，该系统为iframe内嵌第三方系统页面，将iframe中的链接复制出来可以单独访问，排除第三方系统的问题。 进一步尝试，将这个带有链接的iframe放在一个全新的html文件
解决第三方使用iframe内嵌页面时无法正常登录访问的问题
qq_28013889的博客
11-22 9076
主要解决了谷歌浏览器高版本浏览器88或以上,引用iframe内嵌页面,因为浏览器的安全策略存在跨域，无法使用cookie获取到token信息，导致页面加载不出来的问题
html iframe 设置半透明_防止网站被iframe内框架调用的方法
weixin_39932330的博客
12-01 250
今天有人反馈了一个在iframe内无法调用网站同一个站点的页面问题并报错，就在网站查了一些相关的资料，整理一下关于禁止网站所有页面或某一个页面被iframe内框架调用的方法。网站iframe内框架调用页面报错如下Refused to display http://xxxxxx.com in a frame because it set 'X-Frame-Options' to 'deny'.通过查...
谷歌浏览器部分iframe页面无法打开，跨域问题
xcagy-国际性的文档记录中心
03-30 6165
以后通过其他web应用使用iframe标签嵌入永洪链接的集成方式可以选择下面任意一种解决方案。 1.谷歌浏览器版本Chrome 79 及以下版本，嵌入URL无问题 2.同一个域名，嵌入无问题 3.Chrome或者edge浏览器打开新标签页，地址栏中分别输入： chrome://flags/#same-site-by-default-cookies回车后第一条设置为disabled chrome://flags/#cookies-without-same-site-must-be-secure回车后第一条设置
前端面试题日常练-day97 【Less】
最新发布
qq_44640575的博客
07-20 391
border-radius()函数用于在Less中生成圆形边框效果。通过设置border-radius()函数，我们可以为元素的边框添加圆角效果，使边框呈现圆形的外观，从而美化页面元素的边框样式。
vue项目中引用iframe，iframe内是网页，存在跨域情况，怎么获取iframe内容内嵌页面的高度
07-23
在 Vue 项目中引用 iframe 并且存在跨域情况时，要获取 iframe 内嵌页面的高度，你可以使用 postMessage 方法来实现跨域通信。 首先，在父页面中，你需要监听 iframe 的加载完成事件，并在该事件中发送一个 postMessage 给 iframe 内嵌页面： ```javascript // 父页面 mounted() { const iframe = document.getElementById('my-iframe'); iframe.addEventListener('load', () => { iframe.contentWindow.postMessage('getIframeHeight', '*'); }); window.addEventListener('message', this.handleMessage); }, methods: { handleMessage(event) { if (event.data && event.data.type === 'iframeHeight') { const height = event.data.height; // 在这里获取到 iframe 内嵌页面的高度 console.log(height); } } } ``` 在内嵌的 iframe 页面中，你需要监听父页面发送过来的 postMessage，并在收到消息时获取 iframe 页面的高度，并将高度通过 postMessage 发送回父页面： ```javascript // iframe 内嵌页面 window.addEventListener('message', (event) => { if (event.data === 'getIframeHeight') { const height = document.documentElement.scrollHeight; parent.postMessage({ type: 'iframeHeight', height }, '*'); } }); ``` 这样，当 iframe 加载完成后，父页面会发送一个消息给 iframe 内嵌页面，内嵌页面接收到消息后获取高度并发送回父页面，父页面再接收到消息后即可获取到 iframe 内嵌页面的高度。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值