Как скрыть ошибки в консоли

In PHP and other languages there are ways to suppress error/warning messages.

Is there a way in javascript or jquery to prevent errors and warnings from being written to the console log?

asked Feb 4, 2014 at 9:58

StudioTime's user avatar

StudioTimeStudioTime

22.4k38 gold badges119 silver badges207 bronze badges

5

A dirty way to hide all Javascript console warnings is by overriding the console object’s warn method:

console.warn = () => {};

Obviously, it also works with other console methods

answered Dec 5, 2020 at 17:26

akmalmzamri's user avatar

1

You can handle errors to some extent but if error is not handled by you then it goes to browser and you can not stop browser showing it. You can write code in such a way that you get minimum error and using try-catch where possible to handle the exceptions.

try
{
    //statements suspected to throw exception.
}
catch(e)
{
}

answered Feb 4, 2014 at 10:00

Adil's user avatar

AdilAdil

146k25 gold badges209 silver badges203 bronze badges

1

After doing some research and development for this problem, I came across this solution which will hide warnings/Errors/Logs as per your choice.

(function () {
    var origOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function () {        
        console.warn = function () { };
        window['console']['warn'] = function () { }; // For confirmation again
        this.addEventListener('load', function () {                        
            console.warn('Something bad happened.');
            window['console']['warn'] = function () { };
        });        
    };
})();

Add this code before JQuery plugin (e.g /../jquery.min.js) even as this is JavaScript code that does not require JQuery. Because some warnings are in JQuery itself.

Dharman's user avatar

Dharman

30.5k22 gold badges84 silver badges133 bronze badges

answered Sep 20, 2019 at 10:28

Sunny_Sid's user avatar

Sunny_SidSunny_Sid

3913 silver badges12 bronze badges

Best to user
console.clear();
in 90% of your cases it will be resolved

answered Oct 2, 2019 at 15:12

Kamal's user avatar

KamalKamal

2352 silver badges3 bronze badges

1

This is browser based functionality, you may install any addon for browser then you can hide errors/ warnings

I went to about:config for Firefox and turned javascript.options.strict to false and the warnings went away. But I feel like this is not a solution.

howtocreate.co.uk/strictJSFirefox.html 

answered Feb 4, 2014 at 10:12

user12's user avatar

user12user12

1464 bronze badges

1

you just simply add some chunk of code into the script it will works.!
Chrome:

console._commandLineAPI.clear();

Safari:

console._inspectorCommandLineAPI.clear();

You can create your own variable, which works in both:

if (typeof console._commandLineAPI !== 'undefined') {
    console.API = console._commandLineAPI;
} else if (typeof console._inspectorCommandLineAPI !== 'undefined') {
    console.API = console._inspectorCommandLineAPI;
} else if (typeof console.clear !== 'undefined') {
    console.API = console;
}

After that, you can simply use

console.API.clear().

answered Jul 7, 2017 at 7:50

Rahul Dhoundiyal's user avatar

I usually just go to the implementation of the function that includes that particular console.log warning and comment it out.

answered Dec 3, 2020 at 13:46

Marius's user avatar

1

При отправке данных на backend, данные проверяются, и если что-то не так, react сообщает об этом пользователю.
5c7b2c3b08827729860146.png

Но почему-то в консоли появляется ошибка… Так ли должно быть? Нужно ли скрывать ошибку и не показывать в консоли? А как скрыть ошибку?)

5c7b2c9a0c0bf385089238.png

export const registerUser = (data, history) => dispatch => {
    fetch("/api/auth/register", {
        method: "post",
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(data)
    })
        .then(res => {
            return res.json();
        })
        .then(res => {
            if (res.access_token) {
                const { access_token } = res;
                localStorage.setItem('jwtToken', access_token);
                const decoded_jwt = jwt_decode(access_token);
                dispatch(setCurrentUser(decoded_jwt));
                history.push('/');
            }
            else if (res.errors) {
                dispatch({
                    type: 'GET_ERRORS',
                    payload: res.errors,
                })
            }
        })
        .catch(err => {
            dispatch({
                type: 'GET_ERRORS',
                payload: err,
            })
        });
}

Starting a few versions ago, Google Chrome has started showing JS violations in the developer console. While that can be useful sometimes, more often it is just cluttering the console.

Violations in dev console

Is there a way to disable these violations?

As a side note, also since recently, the developer console no longer features checkboxes for the various types of debug output. Now you only have log levels: Verbose, Info, Warnings, Errors. I find the former method with checkboxes much more useful — is there some way (a flag?) to make them come back?

asked May 17, 2017 at 11:17

marlar's user avatar

5

In latest Chrome (64.0.3282.167), add the following to your «Filter» box with «All levels» selected:

-[Violation]

Not sure if any sort of Regex is supported any longer (previous versions of Chrome had a checkbox that allowed you to filter by expression), but the - seems to be a «don’t match».

answered Feb 17, 2018 at 23:51

typeoneerror's user avatar

typeoneerrortypeoneerror

55.8k32 gold badges132 silver badges222 bronze badges

4

Yes, as of Chrome 58:

  • The Hide violations checkbox is gone. Set the logging level dropdown
    to Verbose to see violations.

In the following screenshot, it is set to «Info»:
Log level options

answered Jun 20, 2017 at 15:52

msanford's user avatar

msanfordmsanford

11.7k11 gold badges65 silver badges93 bronze badges

1

Another option:

  1. Open Console Settings (the gear icon).
  2. Check the User Messages Only checkbox to only show messages logged from scripts. Browser violations are hidden when this checkbox is enabled.

Chrome version: 62.0.3169.0 (Official Build) canary (64-bit)

enter image description here

Bob Stein's user avatar

Bob Stein

16k10 gold badges85 silver badges100 bronze badges

answered Jul 31, 2017 at 23:28

Kayce Basques's user avatar

Kayce BasquesKayce Basques

23.4k11 gold badges86 silver badges117 bronze badges

2

As of Chrome 92

Using the Console UI

The console has now a left panel on which messages can be filtered by source and type, you can open the panel and select user Messages as seen below:

Filter User Messages

Downside to this approach is that once you close the panel, the filters won’t be applied anymore, so if you lack of horizontal real-state on your screen, this might not be for you.

Source: https://developer.chrome.com/docs/devtools/console/reference/#browser

Using Console Message Filters

If you want to get rid of the [Violation] ... and DevTools ... messages you can filter by -/^[Violation]|DevTools/ (A negated RegExp) or just use -[Violation] -DevTools, apparently you can use multiple filters separated by space.

Sources:

  • https://stackoverflow.com/a/64487267/1714951
  • https://stackoverflow.com/a/60729232/1714951

answered Jun 14, 2021 at 0:58

Miguel Sánchez Villafán's user avatar

Метод console.warn()используется для записи предупреждающего сообщения в консоль.Поэтому откройте консоль,чтобы отобразить вывод (предупреждающее сообщение).

Метод console.warn()выводит предупреждающее сообщение в веб-консоль.Примечание:В Chrome и Firefox предупреждения имеют маленький значок восклицательного знака рядом с ними в журнале веб-консоли.

Используйте метод console.clear().Этот метод очищает консоль и выводит сообщение console was cleared.

console.warn()

Метод console.warn() выводит предупреждающее сообщение на веб-консоль.

Примечание. В Chrome и Firefox рядом с предупреждениями в журнале веб-консоли отображается небольшой значок восклицательного знака.

Syntax

warn(obj1)
warn(obj1, /* ..., */ objN)
warn(msg)
warn(msg, subst1, /* ..., */ substN])

Parameters

obj1objN

Список объектов JavaScript для вывода.Строковые представления каждого из этих объектов добавляются вместе в порядке перечисления и вывода.

msg

Строка JavaScript,содержащая ноль и более строк-заменителей.

subst1substN

Объекты JavaScript, которыми можно заменить строки замещения в msg . Это дает вам дополнительный контроль над форматом вывода.

См. Раздел « Вывод текста на консоль» в документации по console .

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox для Android Opera Android Safari на IOS Samsung Internet
warn

1

12

4

8

10.5

3

1

18

4

11

1

1.0

substitution_strings

1

12

[«До Edge 79 %c не поддерживается.», «До Edge 79 %d выводит 0, если указанное значение не является числом.»]

9

10

%c не поддерживается.», » %d выводит 0, если указанное значение не является числом.»]

15

3

1

18

9

14

1

1.0

See also

  • MSDN:Использование консоли инструментов F12 для просмотра ошибок и состояния


Web APIs

  • console.timeStamp()

    Нестандартный:Эта функция не соответствует стандартам.

  • console.trace()

    Метод console.trace()выводит стек в Web Примечание:Эта функция доступна в Web Workers См.трассировку стека в документации по консоли для получения подробной информации и

  • Console API

    API Console предоставляет функциональность,позволяющую разработчикам выполнять задачи отладки,такие как протоколирование сообщений значений переменных в заданных точках вашего кода,

  • ConstantSourceNode

    Интерфейс ConstantSourceNode-часть Web Audio API-представляет (на основе AudioScheduledSourceNode),чьим выходом является одно неизменное значение.

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

try
{
    //statements suspected to throw exception.
}
catch(e)
{
}

Adil
04 фев. 2014, в 10:18

Поделиться

Это функциональность на основе браузера, вы можете установить любой аддон для браузера, тогда вы можете скрыть ошибки/предупреждения

Я пошел в about:config для Firefox и превратил javascript.options.strict в false, и предупреждения ушли. Но я чувствую, что это не решение.

howtocreate.co.uk/strictJSFirefox.html 

user12
04 фев. 2014, в 10:59

Поделиться

просто добавьте часть кода в script, он будет работать.!
Хром:

console._commandLineAPI.clear();

Safari:

console._inspectorCommandLineAPI.clear();

Вы можете создать свою собственную переменную, которая работает в обоих:

if (typeof console._commandLineAPI !== 'undefined') {
    console.API = console._commandLineAPI;
} else if (typeof console._inspectorCommandLineAPI !== 'undefined') {
    console.API = console._inspectorCommandLineAPI;
} else if (typeof console.clear !== 'undefined') {
    console.API = console;
}

После этого вы можете просто использовать

console.API.clear().

Rahul Dhoundiyal
07 июль 2017, в 08:27

Поделиться

Ещё вопросы

  • 0Mysql — выбрать случайные 4 данных из столбца, отличного от 2 различных столбцов
  • 0о конструкторе копирования и перегруженном операторе присваивания
  • 0HWIOauthBundle не перенаправляет на нужный путь после входа в систему
  • 1Классы Java от WSDL и Eclipse
  • 0appendChild () не работает в Chrome специально. Может не интерпретироваться как JavaScript
  • 1Как извлечь данные из CDATA в Python и BeautifulSoup?
  • 1Получить IP из AWS SDK descriptionAddresses
  • 1javascript document.getElementsbyClassName не является функцией
  • 1Настройка SFML.net 2.1?
  • 1Удалить все изображения из файлов DOCX
  • 0Как установить Qwidget внутри QGraphicsWidget?
  • 1Как создать массив из разных элементов enum
  • 0Ненужный импорт в Eclipse CDT
  • 0функция PHP при загрузке страницы
  • 0Как управлять областью фона, чтобы цвет только на ограниченной области был другим?
  • 0Magnific Popup — всплывающее окно во всплывающем окне. Как заставить «close» перейти в предыдущее всплывающее окно?
  • 0Сравните 2 массива с array_diff
  • 0хочу вставить в первый раз посещаемость не обновлять
  • 0поиск подстроки в конце строки в запросе sql
  • 0Выбранное значение для клонированного элемента не работает должным образом
  • 1Как развернуть Rasa Bot в Heroku с помощью Spacy
  • 0Удержание вектора уникального значения, установленного для выбора цвета с использованием C ++ и OpenGL
  • 0запрос дампа для нескольких таблиц
  • 1Как передать параметр в JavaScript найти функцию?
  • 0Подсветка активных кнопок в HTML
  • 0Угловая функция запускается при нажатии, но не при инициализации в контроллере
  • 1Как создать потокобезопасный настраиваемый HTML-результат в Testng
  • 0Получение и перемещение последней записи в каждой группе
  • 0Средняя цена по категориям SQL-запрос
  • 0переменная доступа c ++ из другого регистра
  • 0Переписать URL в AngularJS Factory
  • 0Доступ к индивидуальному свойству из SimpleXMLElement Object
  • 0Сортировка пользовательского связанного списка с помощью <алгоритма> сортировки
  • 0Получить геометрические кординаты из таблицы Oracle
  • 1[Python Falcon]: gunicorn работает в терминале, но не в PyCharm
  • 1CasperJS — методы DOM не выполняются внутри функцииvalu ()
  • 0результат связывания двух сильных функциональных символов с одинаковой сигнатурой функции использует g ++ и почему?
  • 0C ++ мусор в конце файла
  • 0Меню моего сайта не отображается правильно в IE
  • 0C # UWP Форма входа, проверяющая учетные данные в удаленной базе данных MySQL
  • 1Есть ли способ получить данные из JSON URL
  • 0Сохранить несколько данных в массиве обслуживания из контроллера?
  • 1Как я могу использовать список переменных для создания строки запроса SQL?
  • 0Условные формы с помощью jQuery Mobile
  • 1Привязать сетку данных к списку ObservableCollection
  • 1Как сделать анимированный круг?
  • 1Как обработать несколько строк с помощью пружинной партии?
  • 0Веб-сервер не позволяет использовать почтовый метод
  • 0Оставил соединение, мне нужно объяснение о коде
  • 0Сайт Parallax — исправление фоновых изображений для мобильного телефона Interent Explorer 10

Понравилась статья? Поделить с друзьями:
  • Как скрыть ошибки в гугл таблице
  • Как скрыть ошибки в ворде
  • Как скрыть ошибки php на сайте
  • Как скрыть ошибки lua wow
  • Как скрыть lua ошибки gmod