очистити консоль javascript у Google Chrome


215

Мені було цікаво, чи зможу я очистити консоль якоюсь командою ..

console.log(), може надрукувати ... чи є команда очистити консоль? ..

Я намагався console.log(console);отримати ці функції нижче ...

assert: function assert() { [native code] }
constructor: function Console() { [native code] }
count: function count() { [native code] }
debug: function debug() { [native code] }
dir: function dir() { [native code] }
dirxml: function dirxml() { [native code] }
error: function error() { [native code] }
group: function group() { [native code] }
groupEnd: function groupEnd() { [native code] }
info: function info() { [native code] }
log: function log() { [native code] }
markTimeline: function markTimeline() { [native code] }
profile: function profile() { [native code] }
profileEnd: function profileEnd() { [native code] }
time: function time() { [native code] }
timeEnd: function timeEnd() { [native code] }
trace: function trace() { [native code] }
warn: function warn() { [native code] }
__proto__: Object

[Я думаю, немає способу очистити консоль ... але я хотів, щоб хтось це сказав мені ...]


Відповіді:


310

Оновлення: Станом на 6 листопада 2012 року , console.clear()є в даний час доступна в Chrome Canary.


Якщо ви введете clear()в консоль, вона очистить її.

Я не думаю, що існує спосіб програмно це зробити, оскільки це може бути неправильно використане. (консоль очищена деякою веб-сторінкою, кінцевий користувач не може отримати доступ до інформації про помилки)

можливе вирішення:

у типі консолі window.clear = clear, тоді ви зможете використовувати clear у будь-якому сценарії на своїй сторінці.


3
Да ... функція javascript - clear()це те саме.
чакрит

1
Можливий сценарій, коли це буде дратувати: якась людина розробляє веб-сторінку, використовуючи чітку команду, і вона пробивається у виробничий код. Ви переходите на сторінку і щось ламається. Ви не можете зрозуміти, чому з часу, коли консоль була очищена сторінкою.
кабал

38
console.clear () тепер доступний у Chrome. Спробуйте це в Канарі.
Пол Ірланд

23
Ви можете просто натиснути CTRL + L, поки курсор зосереджений у консолі. Весь вихід консолі буде стертий.
Лідо

17
Просто примітка clear()не працює, якщо ви поставили прапорець "Зберегти журнал при навігації".
beatgammit

130

Завжди є хороший фокус:

console.log("\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n");

або менший варіант вищезазначеного:

console.log('\n'.repeat('25'));

Я не найелегантніше рішення, я знаю :) ... але працює.

Для мене зазвичай просто друкують довгий рядок розділення "-----", щоб полегшити читання журналів.


109
Коли ви не можете використовувати скальпель, використовуйте сокиру. +1
mVChr

41
console.log(new Array(24 + 1).join('\n')робить те саме, але набагато коротше. :)
nyuszika7h

15
@ Nyuszika7H Якщо ви після лаконічності: console.log(Array(25).join('\n')). Виклик Arrayконструктора без newоператора spec'd для повернення масиву.
alex

2
Приємні пропозиції. Я готую веб-презентацію з console.info як "конспект ведучих" (дотримуючись порад Крістіана ), і ось що я придумав, про всяк випадок, якщо я не згадаю призначити window.alert: var hasClear = (typeof clear == 'function'); if(hasClear) clear(); console.info('bla'); if(!hasClear) console.log(Array(18).join('\n'));
Ронні

1
Я б вибрав жорстко закодований рядок, оскільки це більш читабельний код. Ви можете подивитися на це протягом 1 секунди і точно знати, що це робить. І я здогадуюсь, є й підвищення продуктивності.
Кевін Вілер


20

Якщо ви використовуєте console.clear(), це, здається, працює в хромі. Зауважте, воно виведе повідомлення "Консоль очищено".

Я перевірив це, зірвавши тону помилок Javascript.

Зверніть увагу: я отримав помилку відразу після очищення консолі, тому вона не відключає консоль, а лише очищає її. Крім того, я спробував це лише в хромі, тому я не знаю, наскільки це крос-браузер.

EDIT: Я перевірив це в Chrome, IE, Firefox та Opera. Він працює в консолях за замовчуванням Chrome, MSIE і Opera, але не в Firefox, однак це працює в Firebug.


Це єдина пропозиція, яка працювала для мене. Хром.
Джеймі Хартнолл

17

Кнопка Очистити консоль Chrome

Якщо ви хочете просто очистити консоль під час налагодження, ви можете просто натиснути кнопку "ban-circle" щоб очистити console.log.

Крім того, просто натисніть "Ctrl + L", щоб очистити консоль за допомогою клавіатури.


13

Chrome:

console._commandLineAPI.clear();

Сафарі:

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().


5
Це працює лише через консоль самого Chrome, і в цьому випадку ви також можете просто робити clear()це з коробки.
pimvdb

10

ви можете використовувати

console.clear();

якщо ви працюєте з кодуванням JavaScript.

ще можна використовувати CTR+Lдля очищення редактора Cosole.


9

Press CTRL+LЯрлик для очищення log, навіть якщо ви поставили галочку Preserve log.
Сподіваюсь, це допомагає.


1
Використовувався clear()такий тривалий час, але я ніколи не думав використати горезвісний ярликовий ярлик Баша. :) Дякую!
iamdanchiv

7

На Mac ви також можете користуватися так ⌘+Kсамо, як у Terminal.


це найкорисніше / практичне рішення теди. Дякую! :)
Mg Gm


4

На консолі Chrome клацніть правою кнопкою миші мишкою, і ми маємо можливість очистити консоль


4

Я використовую наступне для псевдоніму clsпри локальній відладці в Chrome (введіть наступний JavaScript в консоль):

Object.defineProperty(window, 'cls', {
    get: function () {
        return console.clear();
    }
});

тепер введення clsв консоль очистить консоль.


4

Зручна компіляція з декількох відповідей для програмного очищення консолі (зі скрипту, а не самої консолі):

if(console._commandLineAPI && console._commandLineAPI.clear){
    console._commandLineAPI.clear();//clear in some safari versions
}else if(console._inspectorCommandLineAPI && console._inspectorCommandLineAPI.clear){
    console._inspectorCommandLineAPI.clear();//clear in some chrome versions
}else if(console.clear){
    console.clear();//clear in other chrome versions (maybe more browsers?)
}else{
    console.log(Array(100).join("\n"));//print 100 newlines if nothing else works
}

4

Замість введення команди просто натисніть:

CLTRL + L

для очищення хромованої консолі


3

Спираючись на відповідь Кобала , ось що я зробив:

В свою JavaScriptя помістив наступне:

setInterval(function() {
  if(window.clear) {
    window.clear();
    console.log("this is highly repeated code");
  }
}, 10);

Умовний код не працюватиме, поки ви не ЗАРАЗУМИТИ window.clear (тобто ваш журнал порожній, поки ви цього не зробите). ТИП КОНСОЛЬНОГО КОНСОЛЮ:

window.clear = clear;

Віола - колода, що очищається сама.

Mac OS 10.6.8 - Chrome 15.0.874.106


3

Chrome - натисніть CTRL+L , фокусуючи вхід консолі.

Firefox - clear() на консольному вході.

Internet Explorer - Натисніть CTRL+L , фокусуючи вхід консолі.

Edge - натисніть CTRL+ L, фокусуючи вхід консолі.

Гарного дня!


2

На MacOS :

  1. Chrome - CMD+K
  2. Сафарі - CMD+K
  3. Firefox - Немає ярлика

У Linux :

  1. Chrome - CTRL+L
  2. Firefox - Немає ярлика

У Windows :

  1. Chrome - CTRL+L
  2. IE - CTRL+L
  3. Край - CTRL+L
  4. Firefox - Немає ярлика

Щоб він працював у Firefox, userscriptsйого можна використовувати. Завантажити GreaseMonkeyрозширення для FF.

document.addEventListener("keydown",function(event){
    if(event.metaKey && event.which==75) //CMD+K
    {
        console.clear();
    }
});

У скрипті оновіть метадані зі значенням //@include *://*/*, щоб змусити його працювати на всіх сторінках. Він працюватиме лише тоді, коли фокус знаходиться на сторінці. Це просто рішення.


1

Я думаю, що це більше не доступне через «проблеми безпеки».

console.log(console) з коду дає:

Console
memory: MemoryInfo
profiles: Array[0]
__proto__: Console

За межами коду доступний _commandLineAPI. Вигляд дратує, бо іноді хочеться просто увійти, а не побачити старий вихід.


1
Не забувайте дотримуватися ланцюга прототипу, визначаючи, які методи доступні для об’єкта :)
alex

-1

Я додам до цього, оскільки це пошук, який з’явився в Google на перших порах.

Під час використання ExtJS / Javascript я вставляю це, і консоль очищається - якщо не буде помилки.

console.log('\033[2J');

Я більш ніж ймовірно відволікаюся від курсу, але саме так я очищую консоль для кожного завантаження / оновлення сторінки.


Вам слід переструктурувати мову, щоб зробити цю відповідь більш прийнятною.
Дов Беньомін Сохаческі
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.