Comment détecter si la console Chrome est ouverte ?

Découverte de l'état ouvert de la console Chrome

La détection de l'état ouvert de Firebug a une approche simple avec la propriété window.console.firebug. Cependant, étendre cette méthode pour détecter la console dans Chrome s'est avéré plus difficile.

Une première tentative d'exploitation de la propriété window.console.chrome n'a donné aucun résultat. En conséquence, on pensait initialement qu'il n'existait pas de méthode directe pour déterminer si la console Chrome était ouverte.

Approches alternatives

Malgré l'absence de solution directe , une solution de contournement a été découverte avec des mises en garde :

• Débogueur : même s'il n'est pas complètement fiable, l'utilisation du débogueur peut toujours être efficace.
• requestAnimationFrame : l'approche de Muhammad Umer a réussi à détecter les événements d'ouverture et de fermeture dans Chrome 78.
• fonction toString : utilisation d'un objet fonction vide au lieu d'une expression régulière (/./ ) fonctionne toujours, comme suggéré par Overcl9ck.

Exemple de code :

var devtools = function() {};
devtools.toString = function() {
  if (!this.opened) {
    alert("Opened");
  }
  this.opened = true;
}

console.log('%c', devtools);
// devtools.opened will become true if/when the console is opened

Cette approche exploite la méthode toString pour activer/désactiver un indicateur (devtools.opened ) lorsque la console est ouverte.

Limitations des solutions de contournement

Il est important de noter que ces solutions de contournement peuvent avoir des limitations, telles que :

• Ne fonctionne pas lorsque la console est déconnectée.
• Ne fonctionne pas lorsque la console est ouverte lors du chargement de la page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!