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, WarningsErrorsInfo기본 선택 인.

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

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

나는 그것을 변경하는 경우 Verbose다음 내 console.debugconsole.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.