如何解决Web组件加载的HTML页面内检测网络状态失败?

Question

问题现象

在HTML页面内通过window.navigator.onLine获取网络状态，联网和断网情况下均为false。

Answer 1

解决措施

配置应用获取网络信息权限： ohos.permission.GET_NETWORK_INFO

参考链接

GET_NETWORK_INFO

Answer 2

楼主，你好，你可以无法获取正确的网络状态，那么你可能需要使用其他方法来检测网络状态。
使用XMLHttpRequest对象发送一个简单的GET请求到一个已知的在线资源。将发送一个GET请求到服务后台，并根据返回的状态码来判断是否联网。如果状态码是200，就说明联网；如果状态码是其他值，就说明断网。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.baidu.com', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      console.log('Online');
    } else {
      console.log('Offline');
    }
  }
};
xhr.send();

这个思路去把问题solution，应该没问题。

本文参与了思否 HarmonyOS 技术问答马拉松，欢迎正在阅读的你也加入。