小程序 web-view 注意事项
这两天维护小程序,需要添加跳转 h5
页面的功能,踩了许多坑,下面记录一下
1.web-view使用
web-view:(我只用了src
属性,其他可以点击文档查看)
功能概述:点击导航,跳转新页面(h5
页面)
实现原理:
- 创建新页面,其中写入
web-view
注意:
web-view
中的链接为自动跳转,所以需要创建新页面。
- 在导航的位置添加跳转新页面事件(使用
navigator
标签也行)
完成后在开发工具就可以成功跳转啦(前提是打开不校验域名)。
域名的问题往下看
2.配置项
这时小程序代码就写完了,但是还有两个注意的地方
- 跳转链接需要在公众平台中配置业务域名(按照公众平台给的流程配置就可以了,这里不做过多赘述),否则无法跳转。
- 跳转链接必须是
ICP
备案的,也就是以https
开头
这些配置完就完成了