La manière la plus simple et la plus brute est de charger des ressources réseau, des fichiers JS ou des fichiers photo.
La copie de code est la suivante:
<script src = "// ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </ script>
typeof window.jquery === "Undefined" // retourne false ou vérité
Utilisez la variable jQuery pour détecter si elle est connectée à Internet
fonction doconnectFunction () {return true;} fonction 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? Escape (date ());Le problème avec le chargement des ressources du réseau est la détection d'Internet. S'il s'agit de détection LAN, il est impuissant.
Pour le moment, une meilleure solution est nécessaire et Navigator.online est utilisée. Cet attribut est plus délicat. La compatibilité du navigateur est parfaitement soutenue par Chrome et Safari, et IE7 ou supérieur. Firefox et IE6 sont délicats. Ils ne reviennent que False lorsque le navigateur est "hors ligne" et que tous les autres reviennent vrai. Tous les câbles de réseau sont vrais et Opera ne les prend pas en charge directement.
Vous devez donc ajouter une méthode compatible: envoyer une demande d'en-tête HTTP à l'adresse d'emplacement. HostName, le code est le suivant:
var xhr = new (window.activexObject || xmlHttpRequest) ("Microsoft.xmlhttp"); var status; xhr.open ("head", "//" + window.location.hostname + "/? rand =" + math.floor ((1 + math.random ()) * 0x10000), false); essayez {xhr.send (); return (xhr.status> = 200 && xhr.status <300 || xhr.status === 304); } catch (error) {return false; }Une chose à noter dans ce cas est que le troisième paramètre de la méthode ouverte doit être passé faux et qu'il doit être une demande synchrone.
Résumé: Pour les navigateurs qui prennent en charge Navigator.online, utilisez Navigator.online et envoyez une demande d'en-tête HTTP s'il ne le prend pas en charge.
Articles originaux, veuillez indiquer la réimpression: réimprimé du développement frontal