如何检测浏览器是否支持离线事件？

Question

我尝试使用来自以下问题的代码： 如何检测`focusin`支持？

但对于铬来说， offline事件hasEvent('offline')返回false。 有人知道如何在JavaScript中检测离线/在线事件吗？

Answer 1

尝试：

return !!window.applicationCache;

如果我正确理解了您的问题，那么您可能还想阅读这篇文章 。

编辑：

基本上，您可以使用以下功能：

function reportConnectionEvent(e)
{
    if (!e) e = window.event;

    if ('online' == e.type) {
        alert( 'The browser is ONLINE.' );
    }
    else if ('offline' == e.type) {
        alert( 'The browser is OFFLINE.' );
    }
    else {
        alert( 'Unexpected event: ' + e.type );
    }
}
window.onload = function() {
    document.body.ononline = reportConnectionEvent;
    document.body.onoffline = reportConnectionEvent;
}  

另外，您也可以查看此演示http://html5demos.com/offline-events

Answer 2

你可以试试

'onoffline' in window

要么

'onoffline' in document.body

Answer 3

似乎在线和离线事件都是从身体开始并冒泡，因此您无法使用div来检测到它。 但是我创建了以下代码：

var body = document.getElementsByTagName('body')[0];
body.setAttribute('ononline', 'return;')
typeof body.ononline == 'function';