如何通过从服务器调用 gif 来检查是否有连接互联网连接？

Question

我正在开发一个phonegap 应用程序，我想测试是否有连接互联网显示 iframe，否则显示一条消息“请检查您的互联网连接”。 我使用了 javascript 代码，它在导航器上对我有用，但是当我构建应用程序时它对我不起作用，我的代码是这样的：

<div id="app"></div>
<script type="text/javascript">
var online = navigator.onLine;
if (online == true) {
  $( "div#app" ).html("<iframe src='#' frameborder=0 width=100%></iframe>");
} else {
  $( "div#app" ).html('NO INTERNET CONNEXION');
} 
</script>

Answer 1

还有其他方法可以使用插件通过 cordova/phonegap 检查互联网访问，但如果您想检查图像是否可用，则可以随时检查其在缓存中的大小。

这些解决方案中的任何一个都应该引导您前进：

Determining image file size + dimensions via Javascript?

或其他可能的答案

https://stackoverflow.com/a/18018330/4278933

如果您检查图像，请确保将参数时间戳附加到 url...因此...调用http://www.myserver.com/img/blank.gif?x=1122334455

这将确保您的测试不会返回误报，如果图像 URL 之前缓存在客户端设备中，就会出现这种情况。