navigator.onLine ne fonctionne pas avec Chrome et Chrominuim

**cat75** · 18/02/2020, 08h06

Bonjour,

Utilisation HTML CSS et javascript uniquement imposé par ma société…

Constat depuis le remplaçant Edge par Edge Chrominium que l'instruction en objet ne permet plus de détecter un mode hors ligne (absence de connexion internet ou passage du système d'exploitation en mode avion neutralisant la connexion).

Pas trouvé (ou su trouver) d'information sur l'évolution prévisible de cette instruction ou un éventuel bug connu. Ce dysfonctionnement impacte Chrome et le nouveau navigateur Microsoft Chrominium…

Quel autre moyen disponible en javascript hormis imposer informer d'une obligation d'utiliser des navigateurs concurents ?

Code test :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
     <title>Test Connexion Internet</title>
</head>
<body>
<script>
console.log(navigator.onLine);
</script>	
 
 
</body>
</html>

Merci par avance !

Amitiés à tous,

Catherine

**Doksuri** · 18/02/2020, 08h57

salut,

je les ai sous la main, je viens de tester, ca fonctionne ...

as-tu un message d'erreur ?

**cat75** · 18/02/2020, 15h53

Un grand merci pour ton intervention.

Non aucun message d'erreur, cache complètement vidé ou non, et test sur 2 machines distinctes.

Que la connexion internet soit présente ou non en mode On ou Off Line ne change rien cette function considère la connexion internet présente !

Je viens de désinstaller en demandant la suppression de tous les paramètres puis de réinstaller ces navigateurs sans plus d'effet.

Windows 10 18363.657

Navigateur Chrome :
Version 80.0.3987.106 (Build officiel) (64 bits)

Navigateur : Edge Chrominum :
Version 80.0.361.54 (Version officielle) (64 bits)
Ce navigateur est rendu possible par le projet open source Chromium et d’autres logiciels open source.
Microsoft Edge
© 2020 Microsoft Corporation. Tous droits réservés.

A+

**NoSmoking** · 18/02/2020, 18h38

Bonjour,
essaie ceci en débranchant/branchant le réseau, perso cela fonctionne bien.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Test Connexion Internet</title>
</head>
<body>
<pre class="info"></pre>
<script>
const oInfo = document.querySelector(".info");
window.addEventListener("offline", () => {
  oInfo.textContent += new Date().toLocaleString() + "\noffline\n";
}, false);
window.addEventListener("online", () => {
  oInfo.textContent += new Date().toLocaleString() + "\nonline\n";
}, false);
</script>
</body>
</html>

**cat75** · 19/02/2020, 12h03

Bonjour NoSmoking,

Je ne pense pas que cela ait une incidence, vu l'écoute sur cet événement normé HTML5, mais l'anomalie est constatée avec une connexion en WiFi et également présente en câblage réseau...

Pourtant ce codage sur le type d’événement offline ou online ne détecte rien, tant avec Chrominum / Google Chrome ou Firefox... alors même que - uniquement - avec Firefox navigator.onLine informe instantanément d'une coupure !

Par acquis de conscience j'ai également testé ce codage sur un pc autonome à mon domicile (html exécuté en local) avec ces 3 navigateurs sans résultat.

J'ai modifié ensuite cette ligne de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.addEventListener("offline", () => {

par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.addEventListener("click", () => {

Un clic avec la souris est pourtant bien détecté mais les routine online / offline ne provoquent aucun affichage du statut de la connexion !

Bref retour à la case départ.

**NoSmoking** · 20/02/2020, 09h25

Là je ne saurais t'en dire plus, sur ces trois navigateurs je suis prévenu même en cas de mise en veille du PC alors ... la vérité serait-elle ailleurs, config matérielle ou autres !

navigator.onLine ne fonctionne pas avec Chrome et Chrominuim

JavaScript

Vue hybride

Discussions similaires

Partager

Partager