Cara paling mudah dan kasar ialah memuatkan sumber rangkaian, fail JS atau fail imej.
Gunakan pembolehubah jQuery untuk mengesan sama ada anda disambungkan ke Internet
function doConnectFunction() { return true; } function doNotConnectFunction() { return false; } var i = new Image(); i.onload = doConnectFunction; i.onerror = doNotConnectFunction; i.src = 'http://su.bdimg.com/static/superplus/img/logo_white.png?d=' + escape(Date());
Masalah dengan memuatkan sumber rangkaian ialah pengesanan Internet Jika ia adalah pengesanan LAN, tiada apa yang boleh anda lakukan.
Pada masa ini, kami memerlukan penyelesaian yang lebih baik, jadi kami perlu menggunakan navigator.onLine Kelemahan atribut ini ialah ia serasi dengan pelayar Chrome dan Safari semuanya menyokongnya dengan sempurna, dan IE7 dan ke atas disokong. Firefox dan IE6 lebih menyedihkan Mereka hanya mengembalikan palsu apabila penyemak imbas berada dalam "luar talian", dan sebaliknya kembali benar. Memang benar walaupun kabel rangkaian dicubit, tetapi Opera tidak lagi menyokongnya.
Jadi kita perlu menambah kaedah keserasian: hantar permintaan pengepala http ke alamat location.hostname, kodnya adalah seperti berikut:
var xhr = new ( window.ActiveXObject || XMLHttpRequest )( "Microsoft.XMLHTTP" ); var status; xhr.open( "HEAD", "//" + window.location.hostname + "/?rand=" + Math.floor((1 + Math.random()) * 0x10000), false ); try { xhr.send(); return ( xhr.status >= 200 && xhr.status < 300 || xhr.status === 304 ); } catch (error) { return false; }
Satu perkara yang perlu diambil perhatian ialah parameter ketiga kaedah terbuka mesti diluluskan palsu, dan ia mestilah permintaan segerak.
Ringkasan: Jika penyemak imbas menyokong navigator.onLine, gunakan navigator.onLine Jika ia tidak menyokongnya, hantar permintaan pengepala http.
Artikel asal, sila nyatakan semasa mencetak semula: Dicetak semula daripada Pembangunan Hadapan