Electron 中如何检测网络连接状态？

推荐答案

在 Electron 中，可以通过 net 模块或 navigator.onLine 属性来检测网络连接状态。以下是两种方法的实现：

方法一：使用 net 模块

// www.javascriptcn.com code example
const { net } = require('electron');

function checkNetworkStatus() {
  const request = net.request('https://www.google.com');
  request.on('response', (response) => {
    if (response.statusCode === 200) {
      console.log('网络连接正常');
    } else {
      console.log('网络连接异常');
    }
  });
  request.on('error', (error) => {
    console.log('网络连接异常', error);
  });
  request.end();
}

checkNetworkStatus();

方法二：使用 navigator.onLine 属性

// www.javascriptcn.com code example
function checkNetworkStatus() {
  if (navigator.onLine) {
    console.log('网络连接正常');
  } else {
    console.log('网络连接异常');
  }
}

window.addEventListener('online', checkNetworkStatus);
window.addEventListener('offline', checkNetworkStatus);

checkNetworkStatus();

本题详细解读

方法一：使用 net 模块

net 模块是 Electron 提供的一个用于处理网络请求的模块。通过向一个可靠的服务器（如 Google）发送请求，可以根据响应状态码来判断网络连接状态。如果状态码为 200，表示网络连接正常；否则，表示网络连接异常。

• 优点：可以准确检测网络连接状态，适用于需要精确控制网络请求的场景。
• 缺点：需要发送网络请求，可能会增加应用的网络负载。

方法二：使用 navigator.onLine 属性

navigator.onLine 是浏览器提供的一个属性，用于检测当前设备是否连接到网络。通过监听 online 和 offline 事件，可以实时检测网络连接状态的变化。

• 优点：简单易用，无需发送额外的网络请求。
• 缺点：依赖于浏览器的实现，可能在某些情况下不够准确。

选择建议

• 如果需要精确控制网络请求并检测网络连接状态，推荐使用 net 模块。
• 如果只需要简单的网络连接状态检测，推荐使用 navigator.onLine 属性。