关于H5页面在ios上打开，页面空白的问题

最新推荐文章于 2024-08-04 03:56:46 发布

weixin_44594850

最新推荐文章于 2024-08-04 03:56:46 发布

阅读量3.1k

点赞数 1

分类专栏： bug 文章标签： javascript vue.js es6

本文链接：https://blog.csdn.net/weixin_44594850/article/details/114668906

版权

bug 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

关于H5页面在ios上打开，页面空白的问题

这个问题发生在一个永不升级的用户身上

机型：iPhone X
系统：ios 11.2.6
问题描述：打开链接可以显示页面的标题，但是页面空白，没有走任何接口
时间：2021年3月

产生这种原因真的很难复现，2021年了，我要怎么找到一个系统是11的iphone，也不是没想过把自己手机降级，但是又麻烦又不安全。

所以下载了XCode，找到了对应机型和系统，浏览器地址栏输入地址，回车。。。果然是白屏
在这里插入图片描述
明白了，ios11不支持es6，所以应用较少，改成es5的写法吧，不想改就babel

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_44594850

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue做的h5项目在ios手机上打开是空白_在iOS开发中使用Safari调试WKWebView

weixin_39676979的博客

12-06

1922

在开发一个h5页面的时候，使用浏览器可以很方便的进行调试，检查元素，检查请求。当页面放到WKWebView里之后，我们也可以借助safari进行页面调试，下面介绍一下大概流程。操作步骤01配置手机打开手机设置里的“Safari浏览器”下滑到最下面找到“高级”打开“网页检查器” 02配置Mac打开电脑上的Safari浏览器选择菜单栏Safari浏...

html5页面四周不留白,关于微信H5页面软键盘输入后页面下方留白的问题（仅IOS）...

weixin_32532029的博客

06-03

545

前言：手上的微信H5项目做的接近尾声了，结果元旦回来没多久测试说ios端出现了bug，软键盘输完隐藏后页面不会回弹，下方会有一大块留白。之前没出现过这种问题，安卓也没问题。。测试说可能是因为最近她更新了ios版本。。。一、问题页面示例下方有一大块留白二、问题分析最近微信和ios都有版本升级，不知道是哪边升级造成的，但是经过测试人员反馈，软键盘收起后，再滚动一下页面，下面的留白就会消失。所以只要在输...

1 条评论您还未登录，请先登录后发表或查看评论

H5页面IOS白屏，安卓正常显示问题处理

qq_38348311的博客

08-30

1806

H5页面IOS白屏，安卓正常显示问题处理

h5在ios显示不全的原因

最新发布

weixin_33488806的博客

08-04

126

H5在iOS上显示不全的原因及解决方案随着移动互联网的发展，H5（HTML5）技术在各种平台上的应用越来越广泛。然而，开发者在将H5页面在iOS设备上呈现时，经常会遇到页面显示不全的问题。这不仅影响用户体验，也可能影响到网站的访问量。本文将探讨H5在iOS上显示不全的常见原因，并提供相应的解决方案。常见原因 1. 视口...

h5在ios下拉上拉会带动整个页面出现空白解决方案

S_nooze的博客

08-23

7661

** h5 在 ios 快速下拉上拉会带动整个页面出现空白解决方案 ** 查找页面顶层dom（如HTML、body、 …）,有没有overflow样式，有的话去掉就行了，贼坑

ios H5 页面再某些系统中直接白屏问题(微信公众号H5)

阿乐的博客

12-25

1518

1.问题 :用户反馈的问题说是某些ios 系统手机打不开H5 打开了直接是白屏系统是13.4.1 13.3.1 但是比这个高的系统没问题。5. 要么跟iOS的 wkwebview 有关，因为老系统用 uiwebview，现在新系统的网页都只能用 wkwebview。3.要么缺失跟系统有关，验证，将该H5网页放到手机safari上跑，如果正常，看下一条。1.跟设备型号没问题，跟设备型号有关的只是UI差异。2.你说iOS13有问题，高系统没问题，这说明。

h5在iOS上，回退页面，出现白屏，滑动页面，页面正常展示

swallow_y的博客

12-11

2381

问题：h5在iOS上，回退页面，出现白屏，滑动页面，页面正常展示 scrollRestoration 描述：h5在ios上，第一个页面超过一屏，点击进入第二个页面，第二个页面滑动超过一屏时，返回第一个页面时，第一个屏幕有一块白的盖在上面，滑动页面，白屏消失，页面正常展示。这块白的是第二个页面滚动的部分，盖在第一个屏幕上了。解决方法：window.history.scrollRestoration会记录上一个页面滚动的位置。值：auto,将恢复用户已滚动到的页面上的位置; manual,未还原页上的位置。

解决IOS端微信H5页面软键盘弹起后页面下方留白的问题

12-11

前言：微信H5项目，ios端出现了软键盘输完隐藏后页面不会回弹，下方会有一大块留白最近微信和ios都有版本升级，不知道是哪边升级造成的，但是经过测试，软键盘收起后，再滚动一下页面，下面的留白就会消失。所以...

解决WebView通过URL加载H5界面出现空白的问题

08-19

WebView是一种常用的显示网页内容的控件，但是在使用时经常会出现问题，例如加载H5界面出现空白的问题。下面我们将介绍解决这个问题的方法。一、权限问题在使用WebView加载H5界面时，需要在配置文件中设置网络...

cordova ios wkwebview iframe引入页面在真机上显示空白，cookie，session失效的问题

qq_34469600的博客

12-18

3728

说明：因为最近在整理项目的一些资料，顺便记录一下之前工作中遇到的一些其他问题，不喜勿喷。背景：自从项目从uiwebview更换成wkwebview后，iOS端原本在uiwebview上运行的好好的项目，在wkwebview上频繁出现bug，当时都差点吐了，开玩笑的，虽然难搞，但是还是得继续搬砖。问题1：cordova ios工程换成wkwebview后，iframe引入的页面在真机上无法加载，显示空白页面？同样的设置，在uiwebview上确是好好的？解决办法1：打开工程，在staging目录下

ios首次加载web_浅淡iOS app加载h5页面

weixin_42157556的博客

12-30

667

前言由于目前的工作中，原生app大量嵌入h5页面，很多的功能需要h5来实现，但是由于h5需要从网络加载，在弱网状态或者请求资源大的时候必然出现白屏，再网上搜索后发现并没有一个通用的解决方案，其中VasSonic(手Q的解决方案)侵入性太大，需要整个框架更换成本太大，经过一段时间的实践特总结优化的思路。总结下主要优化的地方有三块，webview初始化的时间优化，静态资源加载的优化, 数据请求前展示的...

关于vue的H5页面在ios上打开，页面空白的问题

qq_37493515的博客

04-29

3065

关于vue写的H5页面在ios上打开，页面空白的问题这个问题发生在一个永不升级的用户身上机型：iPhone X 系统：ios 11.2.6 问题描述：打开链接可以显示页面的标题，但是页面空白，没有走任何接口时间：2021年4月29 产生这种原因真的很难复现，2021年了，我要怎么找到一个系统是11的iphone，也不是没想过把自己手机降级，但是又麻烦又不安全。所以下载了XCode，找到了对应机型和系统，浏览器地址栏输入地址，回车。。。果然是白屏明白了，ios11不支持es6，所以应用较少，改成es

微信h5苹果手机出现“网络出错,无法显示该页面“

ouyangxiaoyao25的博客

04-11

1441

微信h5苹果手机网络出错

针对于iosAPP内嵌H5，-webit-overflow-scrolling:touch;产生空白情况

weixin_33968104的博客

10-25

514

问题描述：一个内嵌IOSAPP的H5页面，长页面，大概1.6个屏幕高度，由于有列表滑动起来很不流畅，所以用了-webit-overflow-scrolling:touch;这个只针对ios端的物理滚动属性来调整，但是滚动流畅实现了，部分区域因为加了这个属性出现滑动白屏情况。原有的html结构也还在就是不显示。调试过程：最开始把问题定位在...

IOS内嵌H5页面，返回出现半截白屏问题及解决方案

Jensonhui's Blog

03-22

5221

场景：【ios内嵌加载h5页面】A页面加载数据 ---> 跳转B页面后返回 --> A页面重新请求加载问题：上述场景步骤后，返回A页面会显示一部分白屏，随意滑动页面后，页面显示完整（android下没事）分析：可能跟ios回弹效果有关系，iOS WebView加载网页触摸白屏bug排查解决：方案一：（未使用） html, body { width: 100%; height: 100%; margin: 0; padding: 0; position:

H5页面在iOS11系统上白屏了，bug修复过程

qq_35430000的博客

08-05

7403

时间回到一周前，当时刚开发完公司A项目的一个新的版本，等待着测试完成就进行发布。此时的我也准备从连续多日的紧张开发状态中走出来，以为可以稍稍放松一下。而那时的我还不知道，我即将面临一个强大的Bug选手，更不知道我要跟这个Bug来来回回进行多次的搏斗。当然，我们能看到这篇文章也就说明了我最终解决了这个Bug，而且这个过程也是相当的精彩的。什么？你不相信，那就让我来带你进入这个“跌宕起伏”的经历中吧。友情提示：接下来的文章也许有一点长，但是希望你能够坚持读下去。我相信我在解决这个Bug的过程中的一些思路会给

【仅为记录】vue的H5项目在IOS上打开白屏问题

shaoyahu的博客

07-25

1833

仅为记录 , vue的H5在IOS打开白屏

ios webview加载html5页面,IOS开发入门之iOS使用WKWebView加载HTML5不显示屏幕宽度的问题解决...

weixin_33817046的博客

06-04

254

本文将带你了解IOS开发入门之iOS使用WKWebView加载HTML5不显示屏幕宽度的问题解决，希望本文对大家学IOS有所帮助。最近在项目中我们的商品详情页是一个后台返回的图片标签。需要我们自己去写一个HTML5标签进行整合，(相当于重新写了一个HTML页面):ok_hand:那就没办法了，我就自己写一个标签咯，应该不难吧。嘻嘻嘻嘻~~~~~dispatch_async(dispatch_get...

在h5页面禁止ios的惯性回弹问题

04-05

可以通过以下方法来禁止iOS的惯性回弹： 1. CSS样式禁止惯性滚动： ``` body { overscroll-behavior: none; } ``` 2. 使用JavaScript禁止惯性滚动： ``` document.addEventListener('touchmove', function(event) { event.preventDefault(); }, { passive: false }); ``` 以上方法可以在h5页面的body元素上直接设置，或者在需要禁止惯性回弹的具体元素上设置。