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