html5页面简单判断当前有无网络

最新推荐文章于 2023-10-27 14:55:00 发布

骑着毛驴开大奔

最新推荐文章于 2023-10-27 14:55:00 发布

阅读量1.2k

点赞数 1

分类专栏：前端js

本文链接：https://blog.csdn.net/qq_19316267/article/details/105573454

版权

干货4种网页检测 移动网络
1、 不好用
document.addEventListener("netchange", function(){
    var nt = plus.networkinfo.getCurrentType();
    switch ( nt ) {
        case plus.networkinfo.CONNECTION_ETHERNET:
        case plus.networkinfo.CONNECTION_WIFI:
           console.log("wifi");
            break;
        case plus.networkinfo.CONNECTION_CELL2G:
        case plus.networkinfo.CONNECTION_CELL3G:
        case plus.networkinfo.CONNECTION_CELL4G:
            console.log("4g");
            break;
        default:
            console.log("无网络");
            break;
    }
});  
2、 网络切换 有响应  好用  --推荐
var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
var type = connection.type;
function updateConnectionStatus() {
    alert("网络由 " + type + " 变化为 " + connection.type);
}
    //监听网络类型发生变化
connection.addEventListener('typechange', updateConnectionStatus);

3.在线离线， 不好用
window.