JavaScript:오류 콘솔에 메시지를 인쇄하려면 어떻게 해야 하나요?

JavaScript:오류 콘솔에 메시지를 인쇄하려면 어떻게 해야 하나요?

오류 콘솔에 메시지를 인쇄하려면 어떻게 해야 합니까?변수를 포함하는 것이 좋습니다.

예를 들어 다음과 같습니다.

print('x=%d', x);

Firebug 설치 후console.log(...)그리고.console.debug(...)등(자세한 것은, 메뉴얼을 참조해 주세요).

console.error(message); // Outputs an error message to the Web Console
console.log(message); // Outputs a message to the Web Console
console.warn(message); // Outputs a warning message to the Web Console
console.info(message); // Outputs an informational message to the Web Console. In some browsers it shows a small "i" in front of the message.

CSS를 추가할 수도 있습니다.

console.log('%c My message here', "background: blue; color: white; padding-left:10px;");

상세한 것에 대하여는, https://developer.mozilla.org/en-US/docs/Web/API/console 를 참조해 주세요.

예외는 JavaScript 콘솔에 로그인합니다.Firebug를 비활성화하려면 이 기능을 사용할 수 있습니다.

function log(msg) {
    setTimeout(function() {
        throw new Error(msg);
    }, 0);
}

사용방법:

log('Hello World');
log('another message');

크로스브라우저에서 동작하는 좋은 방법 중 하나는 'JavaScript 디버깅'에 설명되어 있습니다. 알림을 폐기하십시오!

다음은 메시지를 디버거 콘솔이 아닌 브라우저 오류 콘솔에 인쇄하는 방법에 대한 문자 그대로의 질문에 대한 해결 방법입니다.(디버거를 바이패스하는 데는 충분한 이유가 있을 수 있습니다.)

에러 콘솔에 메시지를 표시하기 위해 에러를 발생시키는 제안에 대해 코멘트에서 언급했듯이, 한 가지 문제는 실행 스레드가 중단된다는 것입니다.스레드를 중단하지 않으려면 setTimeout을 사용하여 작성된 별도의 스레드에 오류를 발생시킬 수 있습니다.이 때문에, 이보 다니헬카의 솔루션을 상세하게 정리한 것이 판명되었습니다.

var startTime = (new Date()).getTime();
function logError(msg)
{
  var milliseconds = (new Date()).getTime() - startTime;
  window.setTimeout(function () {
    throw( new Error(milliseconds + ': ' + msg, "") );
  });
}
logError('testing');

타임아웃으로 인해 메시지가 표시되는 순서가 왜곡될 수 있으므로 시작 시간 이후의 시간(밀리초)을 포함합니다.

Error 메서드의 두 번째 인수는 파일 이름(여기서는 불필요한 파일 이름 및 행 번호의 출력을 방지하기 위한 빈 문자열)입니다.발신자 기능을 취득할 수 있지만, 브라우저에 의존하지 않는 간단한 방법으로는 취득할 수 없습니다.

에러 아이콘이 아닌 경고나 메시지 아이콘으로 표시할 수 있으면 좋겠지만, 방법이 없습니다.

스로우 사용의 또 다른 문제는 동봉된 트라이캐치에 의해 스로우가 포착되어 폐기될 수 있다는 것입니다.스로우를 별도의 스레드에 넣는 것도 그 장애를 회피할 수 있습니다.그러나 window.onerror 핸들러가 다른 처리를 하는 핸들러로 대체되는 경우 오류를 검출할 수 있는 다른 방법이 있습니다.거기선 널 도와줄 수 없어.

Safari를 사용하시면 글을 쓸 수 있습니다.

console.log("your message here");

브라우저 콘솔에 바로 표시됩니다.

질문에 실제로 답하려면:

console.error('An error occurred!');
console.error('An error occurred! ', 'My variable = ', myVar);
console.error('An error occurred! ' + 'My variable = ' + myVar);

오류 대신 정보, 로그 또는 경고를 사용할 수도 있습니다.

Firebug를 사용하여 IE, Safari 또는 Opera도 지원해야 하는 경우 Firebug Lite는 이러한 브라우저에 console.log() 지원을 추가합니다.

WebKit Web Inspector는 또한 Firebug의 콘솔 API를 지원합니다(Dan의 답변에 대한 약간의 추가 사항).

위의 'throw()'에 대한 주의사항입니다.페이지 실행이 완전히 정지된 것 같습니다(IE8에서 확인했습니다).그래서 "Oning process"(특정 변수 추적 등) 로그에는 그다지 도움이 되지 않습니다.

문서 어딘가에 텍스트 영역 요소를 추가하고 필요할 때마다 정보를 기록하기 위해 값을 변경(또는 추가)하는 것이 좋습니다.

항상 그렇듯이 Internet Explorer는 롤러스케이트의 큰 코끼리입니다.이러한 롤러스케이트를 사용하는 것만으로console.log().

jQuery의 로그는 쉽게 수정할 수 있지만 어디에나 추가해야 하는 번거로움이 있습니다.jQuery를 사용하는 경우 해결 방법 중 하나는 마지막에 jQuery 파일에 저장하는 것입니다.

function log()
{
    if (arguments.length > 0)
    {
        // Join for graceful degregation
        var args = (arguments.length > 1) ? Array.prototype.join.call(arguments, " ") : arguments[0];

        // This is the standard; Firebug and newer WebKit browsers support this.
        try {
            console.log(args);
            return true;
        } catch(e) {
            // Newer Opera browsers support posting erros to their consoles.
            try {
                opera.postError(args);
                return true;
            } 
            catch(e) 
            {
            }
        }

        // Catch all; a good old alert box.
        alert(args);
        return false;
    }
}

완전한 콘솔 API 레퍼런스는 https://developer.chrome.com/devtools/docs/console-api를 참조하십시오.

    console.error(object[Obj,....])\

이 경우 오브젝트는 에러 문자열이 됩니다.

function foo() {
  function bar() {
    console.trace("Tracing is Done here");
  }
  bar();
}

foo();

console.log(console); //to print console object
console.clear('console.clear'); //to clear console
console.log('console.log'); //to print log message
console.info('console.info'); //to print log message 
console.debug('console.debug'); //to debug message
console.warn('console.warn'); //to print Warning
console.error('console.error'); //to print Error
console.table(["car", "fruits", "color"]);//to print data in table structure
console.assert('console.assert'); //to print Error
console.dir({"name":"test"});//to print object
console.dirxml({"name":"test"});//to print object as xml formate

To Print Error:- console.error('x=%d', x);

console.log("This is the outer level");
console.group();
console.log("Level 2");
console.group();
console.log("Level 3");
console.warn("More of level 3");
console.groupEnd();
console.log("Back to level 2");
console.groupEnd();
console.log("Back to the outer level");

console.log("your message here");

날 위해 일하는..이걸 찾고 있는데..파이어폭스를 사용했어요.여기 스크립트가 있습니다.

 $('document').ready(function() {
console.log('all images are loaded');
});

Firefox 및 Chrome에서 작동합니다.

가장 간단한 방법은 다음과 같습니다.

console.warn("Text to print on console");

질문에 답하려면 , ES6 기능을 사용할 수 있습니다.

var var=10;
console.log(`var=${var}`);

콘솔에는 인쇄되지 않지만 일부 디버깅에 도움이 될 수 있는 메시지와 함께 경보 팝업이 열립니다.

다음 작업을 수행합니다.

alert("message");

es6 구문에서는 다음을 사용할 수 있습니다.

console.log(`x = ${x}`);

언급URL : https://stackoverflow.com/questions/164397/javascript-how-do-i-print-a-message-to-the-error-console