微信小程序 - 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>