微信小程序 webview应用+网络校验

1. 创建 webview 的文件

2.
wxml

这里做了个是否有网络的验证	

  <view wx:if="{{isNonetwork == false}}">
    <web-view src="{{lick}}?u={{userId}}" ></web-view>
  </view>
  
  <view wx:else>
    <view class="noChong">网络不给力，请重新加载</view>
    <button class="but" bindtap="toUpload">重新加载</button>
  </view>

js

let app = getApp()

  /**
   * 页面的初始数据
   */
  data: {
    token: '',
    userId:'',
  },


  onLoad: function (options) {
    console.log('true 无网络----'+app.globalData.nonetwork)

    this.setData({
      lick2:options.web_url,
      userId2: options.u
    })
  },

  onShow: function () {
    if(app.globalData.nonetwork == true){
      this.setData({
        isNonetwork:true
      })
    }else{
      this.setData({
        isNonetwork:false
      })
    }
    
    if(this.data.isNonetwork == false){
        this.setData({
          lick:this.data.lick2,
          userId: this.data.userId2
        })
      }else{
        this.setData({
          lick:'',
          userId:''
        })
      }
   
  },

app.js

获取网络状态
networkType == 'none'  就是无网络

  onLaunch: function () {
  	// 获取网络状态
  	var that = this;
  	wx.onNetworkStatusChange(function (res) {
      console.log(res)
      if (res.networkType == 'none') {
        that.globalData.nonetwork = true;
      } else {
        that.globalData.nonetwork = false;
      }
    })
  }

	globalData: {
		...
	    nonetwork: false
	  },