欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 小程序开发 - webview

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:504

HTML5影视传媒文化公司类网

2020-05-12   浏览:502

小程序开发 - webview

发布时间:2020-11-05  

最近要做一个项目需要在小程序中打开外链,小程序最近开放了web-view组件, 可在里面内嵌自己写的H5页面,也就实现了打开外链的功能,但是有几个注意点。 这里记录一下,希望将来小程序能放开更多限制。

申请业务域名

首先必须在小程序后台配置业务域名,并且是已经备案过的。

微信授权登录

当需要微信授权登录的H5页面直接通过小程序webview访问时,会报错。

解决方案:

对浏览器进行判断,如果是小程序webview(官方判断条件: window.__wxjs_environment === 'miniprogram' )就跳过授权登录。 这样就规避了访问非授权业务域名问题。

打开网页条件

小程序基础库版本要大于 1.6.4,低版本的小程序需要做兼容处理

网页内容只能在 组件中显示,它会自动铺满整个小程序页面

个人类型与海外类型的小程序暂不支持使用web-view组件打开网页

示例代码

<!– wxml –> <!– 指向微信公众平台首页的web-view –> <web-view src=http://www.yiyongtong.com/archives/”https:/mp.weixin.qq.com/”>web-view>

web-view组件接口

网页中可使用JSSDK 1.3.0提供的接口返回小程序页面,支持的接口有:

小程序开发 - webview


示例代码:

<script type="text/javascript" src=http://www.yiyongtong.com/archives/"https:/res.wx.qq.com/open/js/jweixin-1.3.0.js">script> // javascript wx.miniProgram.navigateTo({url: '/path/to/page'})