如何使用jQuery检查是否有一个互联网连接?这样我就可以设置一些条件,比如“在制作过程中使用谷歌缓存版本的JQuery,在开发过程中使用谷歌缓存版本或本地版本,这取决于互联网连接”。


当前回答

一个更简单的解决方案:

<script language="javascript" src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>

之后在代码中:

var online;
// check whether this function works (online only)
try {
  var x = google.maps.MapTypeId.TERRAIN;
  online = true;
} catch (e) {
  online = false;
}
console.log(online);

当没有联机时,谷歌脚本将不会被加载,从而导致抛出异常的错误。

其他回答

发送XHR请求很糟糕,因为如果特定的服务器宕机,它可能会失败。相反,使用google的API库来加载他们的jQuery缓存版本。

你可以使用google API在加载jQuery后执行回调,这将检查jQuery是否加载成功。类似下面的代码应该可以工作:

<script type="text/javascript">
    google.load("jquery");

    // Call this function when the page has been loaded
    function test_connection() {
        if($){
            //jQuery WAS loaded.
        } else {
            //jQuery failed to load.  Grab the local copy.
        }
    }
    google.setOnLoadCallback(test_connection);
</script>

谷歌API文档可以在这里找到。

一个更简单的解决方案:

<script language="javascript" src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>

之后在代码中:

var online;
// check whether this function works (online only)
try {
  var x = google.maps.MapTypeId.TERRAIN;
  online = true;
} catch (e) {
  online = false;
}
console.log(online);

当没有联机时,谷歌脚本将不会被加载,从而导致抛出异常的错误。

我写了一个jQuery插件来做这个。默认情况下,它检查当前URL(因为已经从Web加载了一次),或者您可以指定一个URL作为参数使用。总是向谷歌请求不是最好的主意,因为它在不同的国家在不同的时间被阻止。另外,你可能会受到当天特定海洋/天气前沿/政治气候的影响。

http://tomriley.net/blog/archives/111

你可以尝试发送XHR请求几次,然后如果你得到错误,这意味着有一个问题与互联网连接。

好吧,也许在游戏中有点晚了,但是用在线图像检查怎么样? 我的意思是,OP需要知道他是否需要抓取谷歌CMD或本地JQ副本,但这并不意味着浏览器无论如何都不能读取Javascript,对吧?

<script>
function doConnectFunction() {
// Grab the GOOGLE CMD
}
function doNotConnectFunction() {
// Grab the LOCAL JQ
}

var i = new Image();
i.onload = doConnectFunction;
i.onerror = doNotConnectFunction;
// CHANGE IMAGE URL TO ANY IMAGE YOU KNOW IS LIVE
i.src = 'http://gfx2.hotmail.com/mail/uxp/w4/m4/pr014/h/s7.png?d=' + escape(Date());
// escape(Date()) is necessary to override possibility of image coming from cache
</script>

这只是我的小意思