如何知道设备是否已连接到 PWA 中有效的互联网连接

Question

创建渐进式 Web 应用程序时，我如何知道移动设备已连接到工作的互联网连接，因为它可以连接但无法工作。

Answer 1

俗话说“只有尝试你永远不会知道”在这里很贴切。目前，您想要检查是否存在连接，只需使用缓存清除技术获取远程托管资源即可。如果您需要定期检查（例如 1×1 像素 gif），那么通常最好的做法是该资源的文件大小较小。如果您收到 200 范围内的网络响应，则表明您已连接。否则，至少目前，您可能不会。

Answer 2

使用“navigator.connection”。您可以获得以下信息。

• 下行：检查时的当前带宽。
• downLinkMax：设备的最大带宽。
• 类型：WiFi、蜂窝网络等

您可以在 MDN 上找到更多内容。您可以用它来判断是否存在联系以及联系有多强。