development

console.log ()와 console.debug ()의 차이점은 무엇입니까?

big-blog 2020. 7. 19. 00:04
반응형

console.log ()와 console.debug ()의 차이점은 무엇입니까?


"console.debug"를 검색하면 "console"과 "debug"라는 단어가있는 여러 페이지가 표시되기 때문에 Google은 도움이되지 않았습니다.

나는 차이가 사이에 무엇인지 궁금 console.log()하고 console.debug(). 많은 console.debug()문장 을 사용하고 스위치를 뒤집어 모든 디버그 문장이 콘솔로 전송되는 것을 쉽게 차단 할 수있는 방법이 있습니까 (사이트를 시작한 후)?


적어도 IE, Firefox 및 Chrome 콘솔의 경우 .debug ()는 호환성 향상을 위해 추가 된 .log ()의 별칭 일뿐입니다.

https://developer.mozilla.org/en-US/docs/Web/API/console

https://developers.google.com/chrome-developer-tools/docs/console-api#consoledebugobject_object

https://msdn.microsoft.com/en-us/library/ie/hh772183(v=vs.85).aspx


기술적 console.log console.debugconsole.info동일하지만 그것들은 데이터를 표시하는 방법은 조금 다르다

console.log 아이콘이없는 검은 색 텍스트

console.info 아이콘이있는 파란색 텍스트

console.debug 순수한 검은 색 텍스트

console.warn 아이콘이있는 노란색 텍스트

console.error 아이콘이있는 붉은 색 텍스트

var playerOne = 120;
var playerTwo = 130;
var playerThree = 140;
var playerFour = 150;
var playerFive = 160;

console.log("Console.log" + " " +  playerOne);
console.debug("Console.debug" + " " +playerTwo);
console.warn("Console.warn" + " " + playerThree);
console.info("Console.info" + " " + playerFour);
console.error("Console.error" + " " + playerFive);

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


그것들은 거의 동일합니다-유일한 차이점은 최신 버전의 Chrome에서 디버그 메시지가 기본적으로 숨겨져 있다는 것입니다 (디버그 메시지 Verbose를 보려면 콘솔에있는 동안 Devtools 상단 막대에서 로그 수준을 설정해야 합니다. 기본적으로 로그 메시지는 표시됩니다).


console.info, console.debug방법은 동일하다 console.log.

  • console.log 인쇄 명세서
  • console.info 파란색에서 "i"아이콘이있는 검은 색 텍스트
  • console.debug 파란색 텍스트

선적 서류 비치:


제품이 완료된 후 로깅을 사용하지 않으려면 기능을 대체 console.debug()하거나 다른 사용자 정의 기능 을 작성할 수 있습니다 .

console.debug = function() {
    if(!console.debugging) return;
    console.log.apply(this, arguments);
};

console.debugging = true;
console.debug('Foo', {age:41, name:'Jhon Doe'});

푸 ▸ {나이 : 41, 이름 : "Jhon Doe"}

console.debugging = false;
console.debug('Foo', {age:26, name:'Jane Doe'});

출력 없음

그러나 출력물에 색상을 지정하는 방법을 찾지 못했습니다.


브라우저 문서에서 log, debuginfo메소드는 구현 방식이 동일하지만 색상 및 아이콘이 다릅니다.

https://jsfiddle.net/yp4z76gg/1/

참고 URL : https://stackoverflow.com/questions/21876461/difference-between-console-log-and-console-debug

반응형