好吧，也许在游戏中有点晚了，但是用在线图像检查怎么样? 我的意思是，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>

这只是我的小意思

好吧，也许在游戏中有点晚了，但是用在线图像检查怎么样? 我的意思是，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>

这只是我的小意思

一个更简单的解决方案:

<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

针对您的具体情况，最好的选择可能是:

在close </body>标签之前:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>

考虑到您的问题是围绕jQuery的，这可能是最简单的方法。

如果你想要一个更健壮的解决方案，你可以尝试:

var online = navigator.onLine;

阅读更多关于离线web应用的W3C规范，但是请注意，这将在现代web浏览器中运行得最好，在旧的web浏览器中这样做可能无法正常工作，或者根本无法正常工作。

另外，向您自己的服务器发送XHR请求也不是一种测试连接的糟糕方法。考虑到其他答案之一，XHR有太多的故障点，如果你的XHR在建立连接时有缺陷，那么它在日常使用中也会有缺陷。如果您的站点由于某种原因无法访问，那么在同一服务器上运行的其他服务也可能无法访问。这个决定由你决定。

我不建议向其他人的服务(甚至是google.com)发出XHR请求。向服务器发出请求，或者根本不请求。

“在线”是什么意思?

There seems to be some confusion around what being "online" means. Consider that the internet is a bunch of networks, however sometimes you're on a VPN, without access to the internet "at-large" or the world wide web. Often companies have their own networks which have limited connectivity to other external networks, therefore you could be considered "online". Being online only entails that you are connected to a network, not the availability nor reachability of the services you are trying to connect to.

要确定一个主机是否可以从您的网络访问，您可以这样做:

function hostReachable() {

  // Handle IE and more capable browsers
  var xhr = new ( window.ActiveXObject || XMLHttpRequest )( "Microsoft.XMLHTTP" );

  // Open new request as a HEAD to the root hostname with a random param to bust the cache
  xhr.open( "HEAD", "//" + window.location.hostname + "/?rand=" + Math.floor((1 + Math.random()) * 0x10000), false );

  // Issue request and handle response
  try {
    xhr.send();
    return ( xhr.status >= 200 && (xhr.status < 300 || xhr.status === 304) );
  } catch (error) {
    return false;
  }

}

你也可以在这里找到要点:https://gist.github.com/jpsilvashy/5725579

本地实现的详细信息

有些人评论说，“我总是得到错误的回复”。这是因为您可能正在本地服务器上进行测试。无论您向哪个服务器发出请求，您都需要能够响应HEAD请求，当然，如果您愿意，可以将其更改为GET。

我有一个解决办法，在这里工作，检查是否有网络连接:

$.ajax({
    url: "http://www.google.com",
    context: document.body,
    error: function(jqXHR, exception) {
        alert('Offline')
    },
    success: function() {
        alert('Online')
    }
})