专栏首页编程微刊小程序webview组件嵌H5页面,安卓手机没有问题,苹果有部分页面不显示

小程序webview组件嵌H5页面,安卓手机没有问题,苹果有部分页面不显示

小程序上线之后的有一天,发现了一个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组件里面加链接。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • H5 手机 App 开发入门:技术篇

    如果你熟悉 Java 语言,可以学习安卓开发;如果熟悉脚本语言(比如 Python 或 Ruby),可以学习 Swift 语言,进行 iOS 开发;如果像我一样...

    ruanyf
  • 一次开发多端使用的H5页面该如何调试

    调试基于WebView的Hybrid App最舒服的工具当然是Chrome自带的开发者工具,其中有我们熟悉的Dom树调试,JS调试,Network监视等等功能。

    zx钟
  • 开发 h5| Hybrid | 微信小程序 | 实践踩坑总结十六条

    笔者最近一直在开发京东app嵌入的h5项目和微信小程序商城项目,在此期间遇到很多坑。这篇文章主要是针对 h5| Hybrid | 微信小程序 三个方向来讲述我遇...

    用户6835371
  • 浅谈Hybrid

    随着 Web 技术和移动设备的飞速发展,各种 APP 层出不穷,极速的业务扩展提高了团队对开发效率的要求,这个时候使用 IOS/Andriod 开发一个 APP...

    前端森林
  • 解决因为手机设置字体大小导致h5页面在webview中变形的BUG

    解决因为手机设置字体大小导致h5页面在webview中变形的BUG 首先,我们做了一个H5页面,在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局,通...

    FungLeo
  • 微信小程序面试题总结

    大体相同,但小程序直接this.data的属性是不可以同步到视图的,必须调用this.setData()方法!

    changxin7
  • Hybrid App开发模式

    Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“W...

    河湾欢儿
  • 移动端产品比较分析:APP、小程序、H5

    01、运行环境 ​(1)APP:Android 和 iOS 手机操作系统。 (2)小程序:微信 APP 内。 (3)H5:浏览器、APP 和小程序的 we...

    葆宁
  • Android H5元素定位

    在混合开发的App中,经常会有内嵌的H5页面。那么这些H5页面元素该如何进行定位操作呢?

    清风穆云
  • Hybrid App 应用开发中 9 个必备知识点复习

    UIWebView 是苹果继承于 UIView 封装的一个加载 web 内容的类,它可以加载任何远端的web数据展示在你的页面上,你可以像浏览器一样前进后退刷新...

    前端迷
  • 【HTML5 理论知识】就H5调试技巧,浅谈:iPhone X 适配方案!

    image.png 2017年9月苹果发布了iPhone X机型,对于它的“刘海儿”和底部Home Indicator。我们可以通过以下三种方案进行适配~下...

    Levir.CN
  • 前端工程师所需要了解的WebView

    | 导语 现如今,在做移动端 H5 开发时,少不了与 Native 之间进行交互。而在Native中,H5的承载容器为 WebView,其核心是使用 WebVi...

    秋风的笔记
  • 前端工程师所需要了解的WebView

    | 导语 现如今,在做移动端 H5 开发时,少不了与 Native 之间进行交互。而在Native中,H5的承载容器为 WebView,其核心是使用 WebVi...

    小阿新
  • H5 直播避坑指南

    本文来自“小时光茶社(Tech Teahouse)”公众号 作者简介: 文赫,2015年加入腾讯,作为前端开发工程师参与过手Q游戏公会,游戏中心,企鹅电竞等项目...

    腾讯Bugly
  • 美团大众点评 Hybrid 化建设

    导语 上周末,精神哥去参加了好友小青在北京办的T沙龙,探讨移动端热更新相关的话题。Bugly曾为大家介绍过不少腾讯内部的热更新的框架,正好这次看到了美团,去哪儿...

    腾讯Bugly
  • 极速适配 iPhone X 秘笈

    腾讯ISUX
  • uni-app官方教程学习手记

    大概在今年的十月份左右,我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X,下载了官方提供的hello示例教程。经过一番努力,在云端打...

    siberiawolf
  • To C产品应该要懂的app与h5交互

    如果你存在以上疑惑,那本文章正是你需要的,下面将讲解几种app的类型、app与h5的通信原理、如何区分页面用原生开发还是h5开发。

    产品的技术小课
  • H5 手机 App 开发入门:概念篇

    手机现在是互联网的最大入口。根据《中国互联网报告》,手机网民已经超过8亿,人均每天上网三个多小时。

    ruanyf

扫码关注云+社区

领取腾讯云代金券