Chrome コンソールが開いているかどうかを検出するにはどうすればよいですか?

Chrome のコンソールのオープン ステータスの検出

Firebug のオープン状態の検出には、window.console.firebug プロパティを使用した簡単な方法があります。ただし、このメソッドを拡張して Chrome のコンソールを検出することは、より困難であることが判明しています。

window.console.chrome プロパティを利用しようとした最初の試みでは、結果が得られませんでした。その結果、当初は、Chrome コンソールが開いているかどうかを判断する直接的な方法はないと考えられていました。

代替アプローチ

直接的な解決策は存在しませんでしたが、

• デバッガー: 完全に信頼できるわけではないかもしれませんが、デバッガーを利用することは依然として効果的です。
• requestAnimationFrame: Muhammad Umer のアプローチは、Chrome 78 でオープン イベントとクローズ イベントの両方を検出することに成功しました。
• function toString: 正規表現 (/./) の代わりに空の関数オブジェクトを使用します。

コード例:

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

このアプローチでは、toString メソッドを利用してフラグ (devtools.opened) を切り替えます。

回避策の制限

これらの回避策には次のような制限があることに注意することが重要です。

• コンソールがドッキングされていないときは動作しません。
• ページの読み込み時にコンソールが開いているときは動作しません。

以上がChrome コンソールが開いているかどうかを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。