用于检测Internet连接的Jquery插件
我目前正在使用Tom Riley的Jquery插件来检测我的应用程序中的Internet连接,它在Internet Explorer中运行良好,但在Google Chrome中实现它时没有响应。
任何人都可以建议一个更好的检测互联网连接的插件,它在谷歌浏览器中运行完美(所有浏览器)
你不需要插件,只需:
以上工作的原因是因为jQuery lib是从谷歌CDN读取的,需要互联网连接,如果页面无法读取,则表示不存在互联网连接。
更新
你可以这样做:
function checkConnection() { var connected = true; var img = document.createElement('img'); img.src = "path to remoate image on your server"; img.onerror = function() { connected = false; } return connected; }
您可以随时使用它:
if (checkConnection()) { // connected }
更新2
你可以定期/自动检查它是这样的:
setInterval(function(){ var isConnected = checkConnection(); // checkConnection() comes from above code if (isConnected) { alert('Connected'); } else { alert('Not Connected'); } }, 10000); // 10000 = 10 seconds, check for connection every 10 seconds
其他有用的链接:
- 检查Internet连接是否存在Javascript?
- 如果有互联网连接,则检测到JQuery Mobile
- checkNet:我的jQuery插件,用于检测Internet连接
checkNet插件( http://tomriley.net/blog/archives/111 )适用于所有浏览器,包括Chrome。 它不依赖于查询google.com(因为google在来自国家/地区被封锁,并且各大洲之间的连接可能不可靠!)
如果没有显示错误消息,通常是因为您仍在本地服务器上 – 它将在Internet上运行时运行。
此外,看看你正在使用它是非常酷的。 如果您想分享,请给我一个链接。