uniapp内嵌的h5能自己获取有网或无网状态吗？

Question

uniapp内嵌的h5能自己获取有网或无网状态吗

Answer 1

请求一下接口？如果超时就返回脱机状态？
或者 uniapp 通过修改 webview 的 url 来通知内嵌的 h5 页面已经脱机。

Answer 2

1. 通过UniSDK发获取网络状态的请求让客户端返回当前的网络状态。
2. H5中用js实现一段检测网络状态的代码。

Answer 3

1. 先获取网络状态

uni.getNetworkType({
    success: function (res) {
        console.log(res.networkType);
    }
});

2. postmessge互通消息

<web-view :src="href" @message="message"></web-view>
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
 uni.postMessage({
    data: {
      action: 'message'
    }
  });