微信小程序 - webview 动态加载(网页) 以及加载域名的限制

• 在微信小程序开发的时候，webview 能打开的链接为： 1、小程序关联的公众号文章连接(一个小程序可以关联多个公众号)，但是不支持公众号里面的专辑链接 2、业务域名(小程序开发后台中配置的业务域名，业务域名需要在域名根目录添加效验文件)

• 在微信小程序开发的时候封装一个动态加载指定URL的webview，但是发现设置好动态 src 之后打开 webview 页面空白一片。

• 解决办法：重启微信小程序开发工具，再次打开即可动态加载出来指定网页，记得确定 url 是有效的网页地址。

• index.js ``` // pages/web/index.js Page({ /**

  • 页面的初始数据 */ data: { // 将要打开的链接 url: "" },

  /**

  • 生命周期函数--监听页面加载 */ onLoad: function (options) { this.setData({ // 传入的URL参数 url: options.url // 设置URL // url: "http://mp.weixin.qq.com/s?__biz=MzA5OTI4NTkxNg==&mid=100000654&idx=1&sn=2ce1460e8d9328b6d0a4d9724f418c63&chksm=1085ed7d27f2646bf6d181b9111577586d8cd88307c9708a55f529b8a65495c27801b2b9cf7c#rd" }) } }) ```

• index.wxml

<!--pages/web/index.wxml--> <web-view src="{{url}}"></web-view>