ionic使用iframe时在iOS上无法显示网页问题处理

最新推荐文章于 2023-12-21 16:03:23 发布
原创 最新推荐文章于 2023-12-21 16:03:23 发布 · 3.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ios #ionic #iframe

本文介绍了一个关于在Ionic项目中使用iframe标签时遇到的问题：在iOS模拟器中无法加载网页。通过修改config.xml文件，添加特定标签来解决该问题。

近期在ionic项目中使用了iframe标签使用src属性展示一个网页,在Android设备上运行完全正常.

但是在iOS模拟器上去运行时却不显示网页.经查阅资料发现以下处理方法

在ionic项目根目录下,打开config.xml文件,在<access origin="*" />后添加<allow-navigation href="*" />即可

参考链接《Iframe not loaded in IOS》

iframe页面显示不全_Iframe srcdoc接收html在iPhone的公众号显示空白
weixin_35798040的博客
01-20 1530
绑定银行卡功能1.：后端返回银联包含form表单的页面绑定；2.前端用iframe的srcdoc处理，在H5页面正常显示、安卓手机微信公众号正常显示、但是在iPhone的公众号srcdoc不生效iframe展示接收的htmlloading后跳转银联iPhone公众号不生效3.改用document.write方式处理 <iframe id="iframe" ...
iphone中访问带有iframe的网页无法显示全部内容
Code-Create-World
06-14 9702
今天在解决公司平台网页在手机端访问兼容性问题时，遇到index页面通过iframe嵌入右边内容页面在anroid显示正常（主要为：页面内容超过iframe高度、宽度，可以正常显示滚动条，也可以滑动显示），但是在iphone自带的浏览器或者在iphone下载其他浏览器访问，iframe内容均无法全部显示，主要表现为： 1、iframe只显示了嵌入内容的部分，无法显示全部，感觉内容被截掉了 ...
解决iframe实时获取资源页面显示空白的问题
天界程序员的博客
10-12 1万+
1、问题起源   在使用公司平台开发的时候，内部窗口使用的是iframe，iframe内部的内容是通过定时器一分钟一次获取最新的数据渲染在页面上。   以上看起来是没有什么问题，但是会造成用户体验问题： 当用户打开其他页面后，超过一分钟后，定时器已经调用了一次，但是用户在返回到那个页面，iframe的内容是一个空白的白板。使用F12在浏览器的开发者模式里面，DOM结构里面的innerHtml是有内容的，但是不知道为什么没有显示出来。我也很懵逼！ 2、解决方式 （1）判断用户是否还在平台页面 （2）
ios 不支持iframe 解决方案
asdfgh0077的博客
06-03 549
ios 不支持iframe 解决方案
ionic ios iframe 白屏
weixin_30521649的博客
12-06 310
之前碰到一个问题： 在ios下边使用iframe出现白屏问题 android下边正常 原因是ios对app打开外部网页有限制需要取消限制 解决方法 1.确认添加whitelist插件 2.在config.xml中添加 <plugin name="cordova-plugin-whitelist" source="npm" spec="1.1.0" /> ...
Unity与Ionic集成教程：实现3D内容与移动应用的互通
- 在Ionic项目中设置WebGL视图容器，使用`<iframe>`或特定的Ionic组件来加载Unity导出的WebGL应用。 - 使用消息传递机制（如Cordova插件）在Unity和Ionic之间交换数据。 4. **整合时的注意事项**： - 需要确保...
Web开发中的iOS兼容性问题
随着移动互联网的快速发展，Web开发中针对iOS设备的兼容性问题日益受到关注。本文全面探讨了影响iOS兼容性的多种因素，包括不同浏览器技术及其市场分布、Web标准与iOS浏览器的兼容情况、以及iOS系统更新带来的挑战。...
ionic 文件查看器
最新发布
03-22
好的，我需要回答用户关于Ionic框架中文件查看器的实现方法或插件推荐的问题。首先，我应该回顾用户提供的引用内容，看看是否有相关的信息。 查看引用内容，引用[2]和引用[3]提到了ngx-ionic-image-viewer和ionic-...
Ionic 3实现Webview的加载与优化技巧
3. **使用 Angular 的 ion-content：** 在 Ionic 应用的页面组件中，使用 `<ion-content>` 标签和 `<iframe>` 标签来嵌入外部网站。 ```html <iframe src="http://yourwebsite.com" style="width: 100%; height...
iOS前端开发痛点
![iOS前端开发]...本文首先概述了iOS前端开发的基础知识和所涉及的工具语言，然后深入探讨性能优化的方法，包括应用性能测试、代码级性能提升以及UI渲染性能改进。此外，针对数据安全和隐私保护，本文分析了iO
ios iframe使用http直播不展示
weixin_44138241的博客
02-28 497
问题：朋友有个需求，使用iframe载入http的直播，安卓正常显示，ios无法显示。查找资料后，测试之后，初步认为是http造成的。今天再次查看时，发现了篇文章，记录一下。 上线之后，直播时发现ios不能观看，安卓没问题。最后发现是嵌套的http的直播页面。然后改为https就没问题了。相关资料链接 ...
iframe嵌入三方域名页面无法打开
龙城之家的博客
08-13 3466
产生原因 Chrome新版本中禁用第三方操作(当前版本84.0.4147.125) 场景重现 业务方域名为 zbj.com，嵌入iframe域名为 z***.la 用户访问时，cookie不属于同一域名，导致不能获取值，一直跳转登录页 问题分析 项目基于 spring-session 和 spring-security 处理session和授权校验 通过请教前端大佬，可以通过cookie中设置SameSite=None解决(配合secure=true使用) 关键代码 spring-secur
h5 页面在ios 手机上，有一些video播放不出来，和其他问题汇总
热门推荐
u013018357的博客
06-30 1万+
最近遇到一个奇怪的问题：同一个video，格式都是mp4 ，在安卓机的 h5 页面上播放没有问题，但是在苹果手机就出现如下图： 开始分析原因： 觉得是转码的原因。于是从视频编辑部 要了 原稿视频原件，自己去下载了一个 转码制作软件，在mac 电脑上转码成mp4 格式 ，然后在ios里面可以播放出来。但问题是为啥在视频编辑部那边制作的视频，有一些不能在ios 上正常播放，莫非是因为我们用的平台不一样...
IOS webview 引入iframe无显示
foreverling_ling的博客
03-15 6982
在IOS web view 引入iframe，在真机上页面空白，加载不了外部页面。<iframe src="http://www.baidu.com"></iframe>需要在config.xml中添加如下两段代码来允许访问外部链接：<allow-navigation href="*" /> <allow-intent href="*" />
【ionic4】——界面传参
刘梦娇
02-28 625
一、home-html 页面 &lt;ion-button (click)="gotoFavorites"&gt;跳转收藏夹页面&lt;/ion-button&gt; 二、home-ts 页面 gotoFavorites() { this.router.navigate(['home'], { queryParams: { page: 'favorit...
Ionic4--iframe遇到的问题
吕阿蒙的博客
07-15 1150
遇到一个问题：iframe加载一个html一直报错，Error: Eequired a safe ResourceURL,got a HTML 解决办法：引入“DomSanitizer” 具体实现： import { DomSanitizer } from "@angular/platform-browser"; constructor(private sanitizer: ...
Vue 使用iframe嵌入页面，ios显示空白，安卓正常
Luckygirl_jian的博客
12-21 1440
在vue中使用iframe嵌入页面，ios页面显示不出来，白屏了，安卓确是正常显示，也设置了相关iframe的属性，但是就是没有任何效果，到底是怎么回事。而项目中访问的地址就是给的http，所以有跨域问题，浏览器认为不安全，需要后端把接口域名改成https协议。ios默认不允许跨域请求，使用的是https协议。安卓默认允许跨域请求，使用的是http协议。https不可以调用http。http可以调用https。https可以https。http可以http。
iframe在iphone手机上的问题与解决方案
油墨香^-^的博客
06-23 4010
摘要：本文针对iOS开发中的三个常见问题提供解决方案：1）scrollTop始终为0的问题，通过调整CSS和监听特定容器解决；2）元素跳转顶部问题，使用visibility替代display控制显示；3）微信内iframe二维码无法识别问题，通过父子页面通信实现。关键点包括：将滚动容器转移至可控div、避免布局重排、绕过微信安全限制。这些方案均经过实践验证，能有效解决iOS环境下的特定开发难题。
当ios遇到iframe出现的问题调研
张张张的博客
12-20 1万+
ios中iframe不兼容的问题和解决方法
详述Ionic iOS打包流程与常见问题解决
使用Visual Studio Code (VSCode)管理项目时，使用`ionic cordova platform rm ios`移除之前的iOS平台，确保每次更新版本时都是干净的开始。然后使用`ionic cordova platform add ios`添加新的iOS平台。特别需要...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Story51314

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值