iframe页面显示不全_Iframe srcdoc接收html在iPhone的公众号显示空白

最新推荐文章于 2023-03-21 15:14:52 发布
最新推荐文章于 2023-03-21 15:14:52 发布
阅读量1.1k 收藏
点赞数 1
文章标签： iframe页面显示不全
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_35798040/article/details/113080275
版权

绑定银行卡功能

1.：后端返回银联包含form表单的页面绑定；
2.前端用iframe的srcdoc处理，在H5页面正常显示、安卓手机微信公众号正常显示、但是在iPhone的公众号srcdoc不生效

8a8dab5d574eb213ca35454b37253483.png
iframe展示接收的html

5674694bfe6a0bc2591fe501dfef2712.png
loading后跳转银联

f40125929eef69e2d55fd0b6713a0415.png
iPhone公众号不生效

3.改用document.write方式处理

    <iframe
        id="iframe"
最低0.47元/天 解锁文章
阿玫小酱当当囧
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信页面弹出键盘后iframe内容变空白的解决方案
08-29
当键盘弹出后，页脚也被顶起来；而当搜索完（要刷新整体页面），键盘缩回后，iframe里 键盘当住的地方变成白色。怎么解决这个问题呢？下面脚本之家小编给大家分享微信页面弹出键盘后iframe内容变空白的解决方案，一起看看吧
iframe中页面显示不全1
08-08
Iframe装载在div中，设置iframe的大小。
iphone中访问带有iframe的网页无法显示全部内容
Code-Create-World
06-14 8946
今天在解决公司平台网页在手机端访问兼容性问题时，遇到index页面通过iframe嵌入右边内容页面在anroid显示正常（主要为：页面内容超过iframe高度、宽度，可以正常显示滚动条，也可以滑动显示），但是在iphone自带的浏览器或者在iphone下载其他浏览器访问，iframe内容均无法全部显示，主要表现为： 1、iframe只显示了嵌入内容的部分，无法显示全部，感觉内容被截掉了 ...
android webview 正常显示 Html中的 iframe和frame
yangkai6121的专栏
04-10 7498
我们一般在使用android自带的
html中使用iframe时后面的内容不显示
weixin_34236869的博客
01-12 4863
2019独角兽企业重金招聘Python工程师标准>>> ...
解决iframe实时获取资源页面显示空白的问题
天界程序员的博客
10-12 1万+
1、问题起源   在使用公司平台开发的时候，内部窗口使用的是iframe，iframe内部的内容是通过定时器一分钟一次获取最新的数据渲染在页面上。   以上看起来是没有什么问题，但是会造成用户体验问题： 当用户打开其他页面后，超过一分钟后，定时器已经调用了一次，但是用户在返回到那个页面，iframe的内容是一个空白的白板。使用F12在浏览器的开发者模式里面，DOM结构里面的innerHtml是有内容的，但是不知道为什么没有显示出来。我也很懵逼！ 2、解决方式 （1）判断用户是否还在平台页面 （2）
ionic使用iframe时在iOS上无法显示网页问题处理
06-22 3555
近期在ionic项目中使用了iframe标签使用src属性展示一个网页,在Android设备上运行完全正常.但是在iOS模拟器上去运行时却不显示网页.经查阅资料发现以下处理方法在ionic项目根目录下,打开config.xml文件,在<access origin="*" />后添加<allow-navigation href="*" />即可参考链接《Iframe not loaded in IOS
js如何设置在iframe框架中指定div不显示
10-26
例如，父页面可以通过`postMessage`发送消息到`iframe`，`iframe`中的脚本接收到消息后根据内容调整`div`的显示。 3. **动态插入和删除元素**：如果只需要隐藏`div`，但不需要保留其在DOM中的位置，可以使用`...
IE6 innerHTML写入的iframe src不显示BUG的解决方法
12-13
IE下得标签BUG有很多，这次是用innerHTML写入的iframe 不显示，在网上查了很久，终于找出了元凶，标签的href属性导致了BUG无法显示，这个属性去掉就好了，以后遇到在IE下得标签BUG，先尝试去掉href这个属性，说不定...
ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容
10-21
主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码，感兴趣的小伙伴们可以参考一下
js操作iframe的一些方法介绍
12-09
1. 获得iframe的window对象存在跨域访问限制。 chrome：iframeElement. contentWindowfirefox： iframeElement.contentWindowie6：iframeElement.contentWindow 文章Iframes, onload, and document.domain中说“he iframe element object has a property called contentDocument that contains the iframe’s document object, so you can use the
ui-iframe:使用`srcdoc`属性的iframe和YouTube视频的用户界面
03-09
但是，如果想要在不离开页面的情况下自定义播放器的用户界面，可以结合`srcdoc`属性实现。例如，我们可以创建一个包含自定义播放控制的`iframe`，然后通过JavaScript与YouTube API进行通信，控制视频的播放、暂停、...
iframe嵌套网页多出来的空白如何解决
qq_53715696的博客
03-21 1205
解决iframe头部问题
iframe不完全显示的解决方法
热门推荐
lujianfeiccie2009的专栏
05-18 3万+
<br /><br />如果在页面中用到了iframe标签，有时在浏览器中并不能完全显示iframe，导致有些iframe内的内容不能被显示，如果遇到这种情况，使用以下js可以解决大多数问题。<br /> <br />这是iframe标签：<iframemarginwidth="0" src=" " marginheight="0" width="100%" name="i" id="urlIframe" frameborder="0" scrolling="no" onload="reinitIframe
iframe在iphone手机上的问题与解决方案
油墨香^-^的博客
06-23 3594
问题1： 通过document.addEventListener("scroll",function(){})对页面滚动监听事件进行监听，但ios下$(document).scrollTop()值始终为0，对页面监听无效。 原因： 因为iOS下iframe的高度会根据页面的内容自适应，造成了iframe的高度过高（即iframe的高度>屏幕的高度）。则iframe内部html、body标签即使设置为100%，它的值也是页面所有内容撑开的高度。 解决方法： 将body设置为fixed，宽高设为
iOS项目中的iframe不能访问外部链接，出现空白的解决办法
I_LV_XJ的博客
05-27 1万+
最近做项目的时候，在app内部要访问外部的一个链接，在chrome和Android上面都是正常的，但是项目打包到iOS上面，其他的都正常，但是iframe内容为空，出现了白屏，出现这个的原因是iOS不让我们访问外部链接，所以我们要给app授权，在config.xml中配置下面的语句： 这样的配置之后，就可以正常访问了。
html iframe显示不全,滚动的iframe解决，但在iframe页面显示不全
weixin_31064353的博客
06-20 2453
我试图滚动iOS上的iframe，我成功了，它的滚动的好，参考：滚动的iframe解决，但在iframe页面显示不全但是，所有的解决方案都有一个问题：iframe页面没有完全显示...我测试了我的iphone和ipad，iframe页面显示波涛汹涌。 有什么想法吗？例子：$(function(){if (/iPhone|iPod|iPad/.test(navigator.userAgent))$(...
iframe中页面显示不全
最新发布
06-02
如果你在使用iframe将一个页面嵌入到另一个页面中，并且发现该页面无法完全显示，则可能是以下原因之一： 1. iframe的高度和被嵌入页面的高度不匹配。你可以尝试使用CSS设置iframe的高度为100%来解决此问题。 2. 嵌入的页面中有元素的宽度或高度设置为固定值，导致页面无法完全显示。你可以尝试修改这些元素的CSS样式，使其宽度或高度自适应屏幕大小。 3. 嵌入的页面中有滚动条，导致页面无法完全显示。你可以尝试使用CSS隐藏滚动条或者调整样式使滚动条不影响页面的显示。 希望这些解决方案能够帮助你解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值