如何通过从服务器调用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

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

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