如何偵測 Chrome 控制台是否開啟？

發現 Chrome 控制台的開啟狀態

使用 window.console.firebug 屬性偵測 Firebug 的開啟狀態有一個簡單的方法。然而，事實證明，擴展此方法來檢測 Chrome 中的控制台更具挑戰性。

利用 window.console.chrome 屬性的初步嘗試並沒有產生任何結果。因此，最初認為沒有直接的方法來確定 Chrome 控制台是否開啟。

替代方法

儘管缺乏直接的解決方案，發現了一種帶有警告的解決方法：

• 調試器：雖然它可能不完全可靠，但利用調試器仍然有效。
• requestAnimationFrame：Muhammad Umer 的方法已成功偵測 Chrome 78 中的開啟和關閉事件。
• function toString：仍使用空函數物件而非正規表示式（/./）有效，如 Overcl9ck 所建議。

程式碼範例：

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中文網其他相關文章！