微信小程序内嵌webview，部分安卓机型无法打开h5界面

微信小程序内嵌webview，部分安卓机型无法打开h5界面，h5地址格式为：>

众所周知微信的WebView有很强的缓存保护机制,当你第一次访问页面报错后 就算修改了线上的H5页面再去访问也是照样空白

怎么解决呢

其实很简单,WebView的缓存机制都是通过链接缓存的给链接后面加一个时间戳或者其他的随机字符串就OK啦

最核心的一个概念 :

小程序 的webview(H5页面)中调用jssdk中的功能(比如获取位置信息),需要有一个和小程序申请主体一致的 公众号 账号,在公众号里去配置相关的jssdk信息

1 小程序账号

因为webview不支持个人类型,所以需要申请一个企业法人及个体工商户类型的小程序账号

2   公众号账号

要求小程序和公众号的账号对应的主体信息必须一致,有两种途径达到此目的:

先申请公众号账号,然后通过公众号的快速生成小程序功能,生成步骤1的小程序账号,这样这两个自然满足同主体资格

登录微信公众号平台，点击小程序管理-添加-快速注册并认证小程序:

用和申请小程序账号完全一致的主体信息去申请公众号(主体类型,主体名称,主体证件号),也能保证两个账号的主体资格一致(目前没有小程序快速生成公众号账号的功能)

3 域名绑定

这里需要两个账号都配置一下:

业务域名

首先webview指向一个外部网页链接(我们的H5页面)

<web-view src=">

在微信小程序里，webviewH5向miniProgram通讯只能通过 postMessage 函数

然而这个函数却很鸡肋，小程序官方文档是这样描述的： 向小程序发送消息，会在特定时机（小程序后退、组件销毁、分享）触发组件的message事件

而且小程序官方文档里没有提到miniProgram如何向webviewH5通讯

在这个demo中, 展示了我是如何让webviewH5和miniProgram互相通讯

其实原理很简单:

success

failure

cancel

>

以上就是关于微信小程序内嵌webview，部分安卓机型无法打开h5界面全部的内容，包括:微信小程序内嵌webview，部分安卓机型无法打开h5界面、小程序的webview里的网页更改小程序的数据、微信小程序web-view页面无法显示等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！