Как очистить консоль браузера
Мне было интересно, смогу ли я очистить консоль какой-нибудь командой .
console.log() , можете напечатать . есть ли команда для очистки консоли? ..
Я пытался console.log(console); и получил эту функцию ниже .
[Я думаю, что нет никакого способа очистить консоль . но я хотел, чтобы кто-то сказал мне это . ]
Обновление: по состоянию на 6 ноября 2012 года console.clear() теперь доступен в Chrome Canary.
Если вы введете clear() в консоль, она очистит ее.
Я не думаю, что есть программный способ сделать это, так как это может быть использовано неправильно. (консоль очищается какой-либо веб-страницей, конечный пользователь не может получить доступ к информации об ошибках)
Один из возможных обходных путей:
В консоли введите window.clear = clear , и вы сможете использовать clear в любом скрипте на своей странице.
Всегда есть хороший трюк:
Не самое элегантное решение, я знаю :) . но работает.
Для меня я обычно просто печатаю длинную разделительную строку «-----», чтобы облегчить чтение журналов.
Обратите внимание, я получил ошибку сразу после очистки консоли, поэтому она не отключает консоль, а только очищает ее. Кроме того, я пробовал это только в Chrome, поэтому я не знаю, как это кросс-браузер.
РЕДАКТИРОВАТЬ . Я проверял это в Chrome, IE, Firefox и Opera. Он работает в консолях Chrome, MSIE и Opera по умолчанию, но не в Firefox, однако работает в Firebug.
На MacOS :
- Chrome - CMD + K
- Safari - CMD + K
- Firefox - нет ярлыка
В Linux :
- Chrome - CTRL + L
- Firefox - нет ярлыка
В Windows :
- Chrome - CTRL + L
- IE - CTRL + L
- Край - CTRL + L
- Firefox - нет ярлыка
В сценарии обновите метаданные значением //@include *://*/* , чтобы они запускались на каждой странице. Это будет работать только тогда, когда фокус находится на странице. Это просто обходной путь.
Вы можете создать свою собственную переменную, которая работает в обоих случаях:
После этого вы можете просто использовать console.API.clear() .
Я собираюсь добавить к этому, так как это поиск, который вышел на первое место в Google ..
Когда я использую ExtJS / Javascript, я вставляю это, и консоль очищается - если нет ошибки ..
Я, скорее всего, далеко от курса, но так я очищаю консоль для каждой загрузки / обновления страницы.
Я использую следующее для псевдонима cls при локальной отладке в Chrome (введите следующий JavaScript в консоль):
Теперь ввод cls в консоли приведет к ее очистке.
Вместо ввода команды просто нажмите:
Очистить хромированную консоль
Если вы хотите просто очистить консоль при отладке, вы можете просто нажать кнопку «ban-circle» ⃠ , чтобы очистить console.log.
Или просто нажмите "Ctrl + L" , чтобы очистить консоль с помощью клавиатуры.
Press CTRL+L Ярлык для сброса log , даже если вы отметили опцию Preserve log .
Надеюсь это поможет.
Основываясь на ответе Коббала , вот что я сделал:
В мой JavaScript я положил следующее:
Условный код не будет работать до тех пор, пока вы не назначите window.clear (т.е. ваш журнал пуст, пока вы не сделаете это). В ТИПЕ ОТЛАДКИ ОТЛАДКИ:
Mac OS 10.6.8 - Chrome 15.0.874.106
Chrome - нажмите CTRL + L , одновременно сфокусировав ввод с консоли.
Firefox - clear() в консоли ввода.
Internet Explorer - нажмите CTRL + L , фокусируя ввод с консоли.
Edge - нажмите CTRL + L , фокусируя ввод консоли.
Я думаю, что это больше не доступно из-за «проблем безопасности».
console.log(console) из кода дает:
Снаружи кода доступен _commandLineAPI. Как-то раздражает, потому что иногда я хочу просто войти и не видеть старый вывод.
мне было интересно, могу ли я очистить консоль с помощью какой-то команды..
console.log() , можно распечатать. есть ли команда для очистки консоли.
Я пытался console.log(console); и получил эту функцию ниже.
[ Я думаю, нет никакого способа, чтобы очистить консоль. но я хотела, чтобы кто-нибудь мне это сказал. ]
обновление: по состоянию на 6 ноября 2012 года, console.clear() и теперь доступен в Chrome Canary.
если ты типа clear() в консоли он очищает его.
Я не думаю, что есть способ сделать это программно, как это может быть неправильно. (консоль очищается, некоторые веб-страницы, пользователь не может получить доступ к информации об ошибках)
один возможный обходной путь:
в консоли типа window.clear = clear , тогда вы сможете использовать clear в любом скрипте на Вашей странице.
всегда есть хороший старый трюк:
Не самое элегантное решение, я знаю :) . но работает.
для меня я обычно просто печатаю длинную разделительную строку" - - - - -", чтобы облегчить чтение журналов.
Это, кажется, работает просто отлично:
Если вы хотите просто очистить консоль при отладке, вы можете просто нажать кнопку "ban-circle" ⃠ кнопка для очистки консоли.бревно.
в качестве альтернативы просто нажмите "Ctrl+L" снимите консоль с помощью клавиатуры.
Chrome:
Safari:
вы можете создать свою собственную переменную, которая работает в:
после этого вы можете просто использовать console.API.clear() .
Press CTRL+L ярлык для очистки log , даже если вы поставили галочку .
Надеюсь, это поможет.
можно использовать
Если вы работаете с кодированием javascript.
еще вы можете использовать CTR+L чтобы очистить редактор cosole.
на Mac вы также можете использовать ⌘+K Так же, как в терминале.
I was wondering if I could clear up the console with some command..
console.log() , can print. is there a command to clear up console.
I've tried to console.log(console); and got this functions below.
[ I guess there's no way to clear up the console. but I wanted someone to say it to me. ]
19 Answers 19
Update: console.clear() is available in all browsers
Update: As of November 6, 2012, console.clear() is now available in Chrome Canary.
If you type clear() into the console it clears it.
I don't think there is a way to programmatically do it, as it could be misused. (console is cleared by some web page, end user can't access error information)
one possible workaround:
in the console type window.clear = clear , then you'll be able to use clear in any script on your page.
A possible scenario where it would be annoying: some person develops a webpage, using the clear command and it makes its way into production code. You navigate to the page and something breaks. You can't figure out why since the console has been cleared by the page.
There's always the good ol' trick:
or a shorter variation of the above:
Not the most elegant solution, I know :) . but works.
For me, I usually just print a long "-----" separator line to help make the logs easier to read.
@Nyuszika7H If you're after conciseness: console.log(Array(25).join('\n')) . Calling the Array constructor without the new operator is spec'd to return an array.
Nice suggestions. I'm preparing a web presentation with console.info as "presenter notes" (following Christian's advice), and this is what I came up with, just in case I won't remember to assign window.alert : var hasClear = (typeof clear == 'function'); if(hasClear) clear(); console.info('bla'); if(!hasClear) console.log(Array(18).join('\n'));
I would opt for the hard coded string, as it is more readable code. You can look at it for 1 second and know exactly what it does. And I guess there is a performance gain too.
This seems to work just fine:
If you use console.clear() , that seems to work in chrome. Note, it will output a "Console was cleared" message.
Note, I got an error right after clearing the console, so it doesn't disable the console, only clears it. Also, I have only tried this in chrome, so I dont know how cross-browser it is.
EDIT: I tested this in Chrome, IE, Firefox, and Opera. It works in Chrome, MSIE and Opera's default consoles, but not in Firefox's, however, it does work in Firebug.
Сложно представить себе разработку на JS без вывода информации в консоль. Говоря метафорически, console.log() — лекарство от большинства болезней кода.
Отладка — почти как расследование преступления, где главный преступник тоже вы — Филипе Фортес
Но помимо повсеместно используемой функции console.log(), есть ещё много инструментов, позволяющий сильно упростить процесс. Давайте разберём некоторые из них на простых примерах.
Самое простое — печать строки цветом, соответствующем типу события.
%o — для объекта
%s — для строки
%d — для десятичного или целого числа
Часто гораздо удобнее напечатать JSON представление интересующего нас объекта.
HTML элементы в консоли можно исследовать так же, как в инспекторе.
Хотите быстро посмотреть данные в списке из JSON?
Эта функция записывает, сколько раз она была вызвана.
Если передан опциональный аргумент label, то функция будет записывать количество вызовов с той же label.
Если функция вызвана без параметров, то она запишет количество вызовов на той же строке.
Этот метод поможет понять, каким путём код дошёл до определённой точки.
Самый простой способ замерить время исполнения участка кода.
Хотите наконец-то узнать, куда пропала вся свободная оперативная память?
Обзор консоли
Консоль действует какREPL, что означает цикл чтения – оценки – печати. Короче говоря, он интерпретирует наш код JavaScript и что-то печатает.
Используйте форматирование console.log
Как видишь, console.log('test') печатает "тест" в консоли.
С помощью console.log в вашем коде JavaScript может помочь вам отладить, например, путем печати статических строк, но вы также можете передать ему переменную, которая может быть собственным типом JavaScript (например, целым числом) или объектом.
Вы можете передать несколько переменных в console.log , Например:
Мы также можем форматировать красивые фразы, передавая переменные и спецификатор формата.
- %s форматировать переменную как строку
- %d или же %i форматировать переменную как целое число
- %f форматировать переменную как число с плавающей запятой
- %o может использоваться для печати элемента DOM
- %O используется для печати представления объекта
Еще один полезный спецификатор формата: %c , который позволяет передавать CSS для форматирования строки. Например:
Очистить консоль
Есть три способа очистить консоль во время работы с различными способами ввода.
Первый способ - щелкнутьОчистить журнал консолина панели инструментов консоли.
Второй способ - набрать console.clear() внутри консоли или в вашемФункция JavaScriptкоторый работает в вашем приложении / сайте.
Вы также можете просто ввести clear() .
Третий способ - с помощью сочетания клавиш, и это cmd-k (mac) или ctrl + l (Победить)
Подсчет элементов
console.count() это удобный метод.
Возьмите этот код:
Что происходит, так это то, что count будет подсчитывать количество раз, когда строка печатается, и печатать счетчик рядом с ней:
Можно просто посчитать яблоки и апельсины:
Регистрировать более сложные объекты
console.log довольно удивительно проверять переменные. Вы также можете передать ему объект, и он сделает все возможное, чтобы распечатать его в удобочитаемом виде. В большинстве случаев это означает, что он печатает строковое представление объекта.
Другой вариант печати объектов - использовать console.dir :
Как видите, этот метод печатает переменную в формате JSON, поэтому вы можете проверить все ее свойства.
То же, что выводит console.dir, можно получить, выполнив
Какой из них использовать, зависит, конечно, от того, что вам нужно отлаживать, и один из двух может сделать лучше всего за вас.
Другая функция console.table() который печатает красивую таблицу.
Нам просто нужно передать ему массив элементов, и он будет печатать каждый элемент массива в новой строке.
или вы также можете установить имена столбцов, передав вместо массива литерал объекта, чтобы он использовал свойство объекта в качестве имени столбца
console.table также может быть более мощным, и если вы передадите ему литерал объекта, который, в свою очередь, содержит объект, и вы передадите массив с именами столбцов, он напечатает таблицу с индексами строк, взятыми из литерала объекта. Например:
Теперь мы обнаружим еще три удобных метода, которые помогут нам отлаживать, поскольку они неявно указывают на различные уровни ошибок.
Первый,console.info ()
Второй,console.warn ()
печатает желтый восклицательный знак.
Третья функцияconsole.error ()
Сохранять журналы во время навигации
Давайте сначала рассмотрим пример.
Приятно то, что эти группы могут быть вложенными, так что вы можете в конечном итоге сделать
Распечатать трассировку стека
Могут быть случаи, когда полезно распечатать трассировку стека вызовов функции, возможно, чтобы ответить на вопроскак вы добрались до этой части кода?
Вы можете сделать это, используя console.trace() :
Рассчитайте потраченное время
Вы можете легко рассчитать, сколько времени требуется для выполнения функции, используя time() и timeEnd()
Создать профиль ЦП
DevTools позволяет анализировать производительность любой функции в профиле ЦП.
Вы можете запустить это вручную, но наиболее точный способ сделать это - обернуть то, что вы хотите отслеживать, между profile() и profileEnd() команды. Они похожи на time() и timeEnd() , за исключением того, что они не просто измеряют время, но и создают более подробный отчет.
Читайте также: