JavaScript: как вывести сообщение на консоль ошибок?

Установите Firebug, а затем вы сможете использовать console.info(...), console.debug(...) и т. д. (Подробнее см. документация).

Если вы используете Firebug и вам также необходимо поддерживать IE, Safari или Opera, Firebug Lite добавляет поддержку console.info () в эти браузеры.

Веб-инспектор WebKit также поддерживает консольный API Firebug's (лишь незначительное дополнение к Ответ Дэна).

Один хороший способ сделать это, который работает в разных браузерах, описан в Отладка JavaScript: выбросьте свои предупреждения!.

Исключения регистрируются в консоли JavaScript. Вы можете использовать это, если хотите, чтобы Firebug был отключен.

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

Использование:

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

Замечание по поводу 'throw ()', упомянутого выше. Кажется, что он полностью останавливает выполнение страницы (я проверял в IE8), поэтому он не очень полезен для ведения журнала «текущих процессов» (например, для отслеживания определенной переменной ...)

Мое предложение, возможно, состоит в том, чтобы добавить элемент текстовое поле где-нибудь в вашем документе и изменить (или добавить) его ценить (который изменит его текст) для регистрации информации, когда это необходимо ...

Вот решение буквального вопроса о том, как вывести сообщение на консоль ошибок браузера, а не на консоль отладчика. (Могут быть веские причины для обхода отладчика.)

Как я отмечал в комментариях к предложению выдать ошибку, чтобы получить сообщение в консоли ошибок, одна проблема заключается в том, что это прервет поток выполнения. Если вы не хотите прерывать поток, вы можете выбросить ошибку в отдельном потоке, созданном с помощью 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 предназначен для имени файла, которое здесь является пустой строкой, чтобы предотвратить вывод бесполезного имени файла и номера строки. Можно получить функцию вызывающего абонента, но не простым независимым от браузера способом.

Было бы неплохо, если бы мы могли отображать сообщение со значком предупреждения или сообщения вместо значка ошибки, но я не могу найти способ сделать это.

Другая проблема с использованием throw заключается в том, что его можно поймать и выбросить с помощью включающего try-catch, а помещение throw в отдельный поток также позволяет избежать этого препятствия. Однако есть еще один способ отлова ошибки, заключающийся в том, что обработчик window.onerror заменяется другим, выполняющим другие действия. Не могу вам помочь.

Как всегда, Internet Explorer - это большой слон в роликах, который останавливает вас, просто используя console.info().

журнал 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.info(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;
    }
}

Если вы используете Сафари, вы можете написать

console.info("your message here");

и он появляется прямо на консоли браузера.

console.error(message); // Outputs an error message to the Web Console
console.info(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.info('%c My message here', "background: blue; color: white; padding-left:10px;");

Более подробную информацию можно найти здесь: https://developer.mozilla.org/en-US/docs/Web/API/console

Это не выводится на консоль, но откроет вам всплывающее окно с вашим сообщением, которое может быть полезно для некоторой отладки:

просто сделать:

alert("message");

console.info("your message here");

работает на меня .. я ищу это .. я использовал Firefox. вот мой сценарий.

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

работает в Firefox и Chrome.

Чтобы ответить на вопрос:

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

Вместо ошибки вы также можете использовать информацию, журнал или предупреждение.

Посетите https://developer.chrome.com/devtools/docs/console-api для получения полной справки по API консоли.

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

В этом случае объектом будет ваша строка ошибки

Самый простой способ сделать это:

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

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

foo();

console.info(console); //to print console object
console.clear('console.clear'); //to clear console
console.info('console.info'); //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.info("This is the outer level");
console.group();
console.info("Level 2");
console.group();
console.info("Level 3");
console.warn("More of level 3");
console.groupEnd();
console.info("Back to level 2");
console.groupEnd();
console.info("Back to the outer level");

С синтаксисом es6 вы можете использовать:

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

Чтобы ответить на ваш вопрос, вы можете использовать функции ES6,

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