Chrome : console.log, console.debug가 작동하지 않습니다


160

Console.log 및 디버그가 인쇄되지 않고 정의되지 않은 것만 반환합니다. 왜 그렇게 될 수 있습니까? 크롬을 다시 설치하려고 시도했지만 도움이되지 않습니다.

다음은 크롬 메인 페이지의 스크린 샷이므로 일부 코드에서는 함수가 재정의되지 않습니다. console.log가 작동하지 않습니다


2
필터 필드에 값을 입력했는지 확인하십시오.
— Ivan Ferrer 2016 년

Flask를 사용하여 웹 개발을하는 사람은 Javascript에 console.log 문을 추가해도 콘솔에 아무것도 표시되지 않습니다. 브라우저 캐싱으로 인해 문제가 발생했습니다. 추가 된 로그 설명이 표시되지 않았습니다. 해결책은 하드 새로 고침입니다 (Windows의 경우 F5 대신 CTRL + F5). 같은 문제를 가진 다른 사람을 돕는 희망!
— Joel Wigton

실수로 필터 필드에 텍스트가있었습니다
— Oliver Watkins

답변:


310

"기본 수준"을 클릭하고 "정보"가 선택되어 있는지 확인하십시오. 기본적으로 오류 및 경고 만 표시하도록 설정되어 있습니다

나는 같은 문제로 여기에왔다 : /


3
고맙습니다 ... 방금 새 버전의 크롬이 제대로 작동하지 않는다고 생각했습니다!
— Jack Ma

13
@NikhilPatil은 전혀 바보가 아닙니다. 그것은 끔찍한 기본 설정입니다.
— corbin

크롬 개발자 도구가 작동하지 않는다는 문제도보고했습니다.
— sudhAnsu63

또한 최신 버전의 경우 : 자바 스크립트가 비활성화 된 경우 입력 후 콘솔이 비어 있습니다. 문제가 무엇인지 말하지 않습니다. 해당 사이트에서 javascript를 활성화하면 콘솔이 다시 활성화됩니다.
— hakre

5
이후 버전의 Chrome에 대한 참고 사항 : 이제 상단에 드롭 다운 인 것 같으며 모든 것을 보려면 "Verbose"로 변경하고 싶을 것입니다.
— GreatBlakes

52

완전성 : 현재 크롬 버전에서는 설정이 더 이상 맨 아래에 있지 않지만 콘솔 탭 상단의 "필터"아이콘 (왼쪽에서 두 번째 아이콘)을 클릭하면 찾을 수 있습니다


33

현재 Google 크롬의 개발자 도구 UI가 콘솔에 표시되는 로그 문의 로그 수준을 선택할 때 변경되었습니다. "필터"텍스트 상자 옆에 로깅 수준 드롭 다운이 있습니다. 지원되는 값은 Verbose, Info, Warnings과 Errors와 Info기본 선택 인.

여기에 이미지 설명을 입력하십시오

심각도와 동일하거나 더 높은 선택한 로그 수준 인 경우 "콘솔"탭의 예에 표시된 얻을 것이다 모든 로그 Info다음 레벨을 갖는 모든 로그 Info, Warning그리고 Error콘솔에 표시 얻을 것이다.

나는 그것을 변경하는 경우 Verbose다음 내 console.debug및 console.log문은 콘솔에 표시하기 시작했다. 시간 Info수준이 선택 될 때까지 표시되지 않았습니다.


13

나는 같은 문제를 경험했다. Firebug가 백그라운드에서 로그를 가로 채서 Chrome 콘솔에 로그가 표시되지 않으므로 Firebug를 사용하지 않도록 설정했습니다.


11

같은 문제이지만 방금 설정을 지 웠습니다. 설정> 환경 설정으로 이동하여 [기본값 복원 및 다시로드]를 클릭했습니다. 설정을 기억하십시오.

여기에 이미지 설명을 입력하십시오


나는이 문제를 디버깅하는 데 며칠을 보냈 으며이 솔루션은 마술처럼 작동했습니다!
— Aliya

나는 이것을 사용했지만 네트워크에서 캐시 비활성화를 선택하고 작동했습니다.
— dave

새로운 작업에 대한 기술 할당을 수행하는 동안 Next.js가 클라이언트 측에서 코드를 실행하지 않는 이유를 해결하기 위해 3-4 시간을 보냈습니다. 나는 그것이 왜 부서 졌는지 전혀 모른다. 그러나 SO 포스트는 놀랄만한 직업을 얻을 수있는 나의 기회를 저장했을지도 모른다
— DanielM

11

콘솔에 일부 필터가 적용될 수도 있습니다. 그것들을 제거하십시오.


4

제 경우에는 UglifyPlugin을 drop_console: true설정 하여 실행하는 웹 팩이었습니다.


1
나도 같은 문제가있어. uglify가 로깅을 제거하고 있습니다. 감사합니다
— Krishna Vedula

사이트 스크립트가 이와 같이 삭제되면 복원 할 수 있습니까?
— PSkocik

4

"필터"입력이 비어 있고 의도적으로 또는 실수로 기록 된 것이 없는지 확인하십시오. 그것은 내 경우에 있었다 : P

여기에 이미지 설명을 입력하십시오


1
그것은 여러 세션에서 이것을 기억합니다.
— 르로이 스타 인

3

일부 JS (또는 다른) 코드가 console.log작동 하지 않는 사이트 에서 작업하고 있습니다 ( console.log아마도 덮어 썼습니다). 다음을 확인하여이를 테스트 할 수 있습니다.console.log다른 페이지 (예 :이 페이지)에서 작동하는지 .

지금 당장 더 조사 할 시간이 없으므로 alert("something is: "+something)실행 해야하는 스 니펫에서 원하는 정보를 얻는 데 사용 되었습니다.


forum.xda-developers.com 은을 비활성화하는 유명한 사이트의 예입니다 console.log.
— Dan Dascalescu


2

(필터에 의해 3 개의 메시지가 숨겨져 있습니다. 모든 메시지 표시)가 표시되면 Chrome 개발자 도구 콘솔에서 모든 메시지 링크 표시를 클릭하십시오.

실수로이 옵션을 활성화하면 console.log("")메시지가 표시되지만 숨겨진 상태가됩니다.


2

필터 바로 옆에있는 “ 기본 수준 ”을 클릭 하고“ 정보 ”가 선택되어 있는지 확인하십시오.

스크린 샷을 참조하십시오 :

여기에 이미지 설명을 입력하십시오


이것은 단지 복제 허용 된 답변 과 스크린 샷 됩니다. 스크린 샷을 포함하도록 현재 허용 된 답변에 대한 수정 사항을 제안하면 더 나은 기여를 할 수 있습니다.
— faintsignal

2

제 경우에는 로그를 보존하여 트릭을 수행하십시오. 나는 로그를 보여주기 위해 모든 것을했지만, 사라졌습니다. 확인하고 작동합니다.

여기에 이미지 설명을 입력하십시오



1

필자의 경우 필터 필드에 일부 텍스트가있어서 console.log의 결과가 사라져 로그를 볼 수 없었습니다. 필터 필드에서 텍스트를 지우면 표시되어야합니다.


고마워-나를 위해 고쳐!
— 토니

0

이것은 나를 위해 일했습니다. 콘솔 섹션에서 오른쪽 상단의 설정으로 이동하십시오. 보존 로그 및 로그 XMLHttpsRequests를 선택하십시오.


0

때로는 가장 간단한 것들이 우리를 여행합니다.

console.log콘솔에 입력 하고 어떤 함수가 리턴되는지 확인하십시오. 당신이 보면 ƒ log() { [native code] }다른 것입니다. 당신이 볼 경우ƒ (){} 어딘가에 선을 아래로 누른 다음 기본을 console.log 기능이 변경되었습니다.

오늘 고객의 사이트에서 작업하고 있었고 이것이 문제였습니다. 이 경우 console.log 함수를 수동으로 복원하거나 console.dir () 또는 console.warn ()을 대신 사용할 수 있습니다.



0

콘솔의 필터 상자에 무언가가 표시되는지 확인하십시오. 필터 ​​상자를 지우고 다시 검사하면 스크립트가 무시됩니다. 내 경우에는 이것이 문제입니다.


0

2020 년 7 월부터 Chrome UI가 다시 한 번 변경되었으며 로깅 수준 드롭 다운이 현재 아무 것도 수행하지 않는 것 같습니다.

대신 기본 콘솔 창의 왼쪽에 새 창이 있습니다.이 창은 의도하지 않게 제한적인 로깅 수준 중 하나로 설정되었을 수 있습니다.

여기에 이미지 설명을 입력하십시오

모든 로깅을 표시하려면 최상위 카테고리 (메시지)를 선택하십시오.

여기에 이미지 설명을 입력하십시오

편집 : 심지어 Chrome은 필터 상자에 항목을 추가하는 것처럼 보이며 다시 로깅을 잃어 버리므로 필터 상자를 너무 많이 지워야합니다!

(필터 상자는 위의 두 사진의 상단에있는 "네트워크 상태"아래에 있습니다. 여기에 넣지 않은 "urlwebpack"에 대한 내용이있는 것을 볼 수 있습니다!)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.