小程序ios页面数据空白问题

小程序上线之后的有一天，发现了一个bug，同事说点击列表的时候会进入一个状态界面，这个界面是H5页面，但是在苹果手机上却是空白的。这涉及到了小程序webview组件嵌H5页面，安卓手机没有问题，苹果有部分页面不显示问题。

对webview以下的这些坑进行一一排查：

并进行真机调试

![](https://upload-images.jianshu.io/upload_images/5640239-9ed9d318a6685b1d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
(node:14440) [INSPECTOR_ASYNC_STACK_TRACES_NOT_AVAILABLE] Warning: Warning: Async stack traces in debugger are not available on 32bit platforms. The feature is disabled.
writeOut @ internal/process/warning.js:18

经过调试，最后发现，错误出现在了后台提供的接口里面，接口里面有些中文字符的参数，苹果机编译很严谨，没有办法识别，所以就会显示白屏。

还有一点需要注意的：不要把地址直接写到组件上，组件上写个变量，变量去赋地址，不能直接在webview组件里面加链接。

原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1

关注「前端视听」公众号，在微信后台回复「小程序」，获取小程序开发全套资料和300G编程资源教程。

小程序ios页面数据空白问题相关推荐

小程序IOS页面下拉回弹效果
小程序IOS页面下拉回弹效果小程序在ios系统上的橡皮筋回弹效果,是ios特有的,目前小程序没有特有的方法去控制.根据业务需求不想要这个回弹的效果,故此记录一下解决方案: 方案一:当页面内容比较 ...
小程序 ios页面左右滑动解决方法
单页面的微信小程序在ios手机上,会出现能左右滑动一定距离的问题.解决办法就两行代码: 设置外层元素的css为 width:100%; overflow-x:hidden;
微信小程序刷新页面数据
当我们在另一个页面提交了一些修改的数据后,返回的页面里面的数据有的还是没有任何变动,需要你重新登录才会发生变化,我们如何防止这种情况呢?下面我来为大家讲解... 首先你要在你修改的页面中,把你修改的数 ...
分享下自己写的一个微信小程序请求远程数据加载到页面的代码
分享下自己写的一个微信小程序请求远程数据加载到页面的代码 1 思路整理就是页面加载完毕的时候请求远程接口,然后把数据赋值给页面的变量 ,然后列表循环 2 js相关代码我是改的 onload ...
小程序 | 小程序中常用的事件 + 事件对象的属性列表 +小程序事件传参 + 小程序全局配置 + 小程序页面配置 + 小程序发起网络数据请求
文章目录一.WXML 模板语法数据绑定事件绑定 ⭐小程序中常用的事件 ⭐事件对象的属性列表 target 和 currentTarget 的区别 bindtap 的语法格式在事件处理函数中为 ...
【微信小程序】一文带你搞懂小程序的页面配置和网络数据请求
文章目录页面配置页面配置文件的作用页面配置和全局配置的关系页面配置网络数据请求网络数据请求的限制配置request合法域名发起get/post请求在页面刚加载时请求数据跳过requ ...
微信小程序编译页面空白bug的原因
目录微信小程序编译页面空白的原因!!!!看看样式是不是写的scss, 缺少 scss语言微信小程序编译页面空白的原因!!!!检查HTML是否缺少闭合标签微信小程序编译页面空白的原因!!!!看看样 ...
微信小程序页面栈_微信小程序之页面传值(路由、页面栈、globalData、缓存)
1. 通过url带参数传递 1.1 固定参数传递例如,从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值: 点此进入 detail detail页面取值: onLoa ...
小程序超长页面截图保存web-view+html2canvas
web-view文档建议参考----支付宝提供的文档,html2canvas官方文档(官网可以下载html2canvas.js 和 html2canvas.min.js).由于篇幅受限,这里就贴了一下 ...

小程序ios页面数据空白问题

小程序ios页面数据空白问题相关推荐

最新文章

热门文章