基本语法:
<web-view src="https://你的域名"></web-view>
其中,url必须在管理后台加进业务域名,并且是https开头的。
使用了web-view,页面将不能放置其他元素,因为web-view会铺满整个页面
电脑端调试,需要在开发者工具的项目设置里把基础库版本改为最新的(1.6.4)
常见的注意事项:
1. 首先,web-view
组件的 src
属性 指向的网页链接必须是 https
开头的。
2. 其次,h5
页面内的 js
和 ajax
请求也必须是 https
的。
微信小程序提供的 web-view
组件在嵌入 h5
页面时, h5
页面内的请求是否必须都是 https
的呢?
1.web-view 组件嵌套的 h5 页面内的所有请求,都必须都是 https 开头的,否则就会出错
。
2.如果 ajax 请求仍然使用 http 形式开头的,那么该请求就会被小程序阻塞(即blocked),无法发出请求。
3.所以,还是乖乖按照小程序的硬性规定,使用 https 形式的接口进行请求吧。毕竟微信也是为了统一开发以及安全方面考虑的。
Tip:在微信开发者工具上的模拟器中,可以在 <web-view/> 组件内嵌套的 h5 页面上通过 “右键鼠标 - 调试”,打开 <web-view/> 组件所嵌入的 h5 页面的调试功能,这样就能直观的在控制台内看到具体的报错信息和位置,方便定位问题。