> 웹 프론트엔드 > JS 튜토리얼 > Chrome 콘솔이 열려 있는지 어떻게 감지하나요?

Chrome 콘솔이 열려 있는지 어떻게 감지하나요?

Mary-Kate Olsen
풀어 주다: 2024-11-10 04:49:02
원래의
367명이 탐색했습니다.

How to Detect if the Chrome Console is Open?

Chrome 콘솔의 열린 상태 검색

Firebug의 열린 상태를 감지하는 데는 window.console.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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿