effacer la console javascript dans Google Chrome

215

Je me demandais si je pouvais nettoyer la console avec une commande ..

console.log(), peut imprimer ... y a-t-il une commande pour vider la console? ..

J'ai essayé console.log(console);et obtenu ces fonctions ci-dessous ...

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

[Je suppose qu'il n'y a aucun moyen de nettoyer la console ... mais je voulais que quelqu'un me le dise ...]

Reigel
la source

Réponses:

310

Mise à jour: à partir du 6 novembre 2012, elle console.clear()est désormais disponible dans Chrome Canary.


Si vous tapez clear()dans la console, il l'efface.

Je ne pense pas qu'il existe un moyen de le faire par programme, car il pourrait être mal utilisé. (la console est effacée par une page Web, l'utilisateur final ne peut pas accéder aux informations d'erreur)

une solution possible:

dans le type de console window.clear = clear, vous pourrez utiliser clear dans n'importe quel script de votre page.

cobbal
la source
3
duh ... la fonction javascript est clear()... c'est la même chose.
chakrit
1
Un scénario possible où ce serait ennuyeux: une personne développe une page Web, en utilisant la commande clear et elle fait son chemin dans le code de production. Vous accédez à la page et quelque chose se casse. Vous ne pouvez pas comprendre pourquoi puisque la console a été effacée par la page.
cobbal
38
console.clear () est désormais disponible dans Chrome. Essayez-le aux Canaries.
Paul Irish
23
Vous pouvez simplement appuyer sur CTRL + L pendant que le curseur est focalisé dans la console. Toutes les sorties de la console seront effacées.
Lido
17
Juste une note, clear()ne fonctionne pas si vous avez coché "Conserver le journal lors de la navigation".
beatgammit
131

Il y a toujours le bon vieux truc:

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");

ou une variation plus courte de ce qui précède:

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

Pas la solution la plus élégante, je sais :) ... mais ça marche.

Pour moi, j'imprime généralement une longue ligne de séparation "-----" pour faciliter la lecture des journaux.

chakrit
la source
110
Lorsque vous ne pouvez pas utiliser un scalpel, utilisez une hache. +1
mVChr
42
console.log(new Array(24 + 1).join('\n')fait la même chose, mais c'est beaucoup plus court. :)
nyuszika7h
15
@ Nyuszika7H Si vous êtes après la concision: console.log(Array(25).join('\n')). L'appel du Arrayconstructeur sans l' newopérateur est spécifié pour renvoyer un tableau.
alex
2
Belles suggestions. Je prépare une présentation Web avec console.info en tant que "notes de présentation" (suivant les conseils de Christian ), et voici ce que j'ai trouvé, juste au cas où je ne me souviendrais pas d'assigner window.alert: var hasClear = (typeof clear == 'function'); if(hasClear) clear(); console.info('bla'); if(!hasClear) console.log(Array(18).join('\n'));
Ronny
1
J'opterais pour la chaîne codée en dur, car c'est un code plus lisible. Vous pouvez le regarder pendant 1 seconde et savoir exactement ce qu'il fait. Et je suppose qu'il y a aussi un gain de performances.
Kevin Wheeler
39

Cela semble très bien fonctionner:

console.clear();
RealWorldCoder
la source
20

Si vous utilisez console.clear(), cela semble fonctionner en chrome. Remarque, il affichera un message "La console a été effacée".

J'ai testé cela en accumulant une tonne d'erreurs Javascript.

Remarque, j'ai reçu une erreur juste après avoir effacé la console, donc elle ne désactive pas la console, elle l'efface uniquement. De plus, je n'ai essayé que cela dans Chrome, donc je ne sais pas comment c'est multi-navigateur.

EDIT: J'ai testé cela dans Chrome, IE, Firefox et Opera. Il fonctionne dans Chrome, MSIE et les consoles par défaut d'Opera, mais pas dans Firefox, cependant, il fonctionne dans Firebug.

Ben
la source
C'est la seule suggestion qui a fonctionné pour moi. Chrome.
Jamie Hartnoll
17

Bouton Chrome Console Clear

Si vous souhaitez simplement effacer la console lors du débogage, vous pouvez simplement cliquer sur le bouton "ban-circle" pour effacer console.log.

Alternativement, appuyez simplement sur "Ctrl + L" pour effacer la console à l'aide de votre clavier.

Dean Meehan
la source
13

Chrome:

console._commandLineAPI.clear();

Safari:

console._inspectorCommandLineAPI.clear();

Vous pouvez créer votre propre variable, qui fonctionne à la fois:

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;
}

Après cela, vous pouvez simplement utiliser console.API.clear().

nyuszika7h
la source
5
Cela ne fonctionne que via la console elle-même sur Chrome, auquel cas vous pouvez également le faire clear()immédiatement.
pimvdb
10

vous pouvez utiliser

console.clear();

si vous travaillez avec le codage javascript.

sinon vous pouvez utiliser CTR+Lpour effacer l'éditeur cosole.

Avinash Raut
la source
9

Press CTRL+LRaccourci pour effacer log, même si vous avez coché l' Preserve logoption.
J'espère que cela t'aides.

AbhiNickz
la source
1
Utilisé clear()depuis si longtemps, pourtant je n'ai jamais pensé à utiliser le raccourci notoire clair de Bash. :) Merci!
iamdanchiv
7

Sur le Mac, vous pouvez également l'utiliser ⌘+Kcomme dans Terminal.


la source
c'est la solution la plus utile / pratique de la tête. Merci! :)
Mg Gm
5
console._inspectorCommandLineAPI.clear()

Ça marche

ED
la source
2
Uncaught TypeError: Cannot call method 'clear' of undefined
Reigel
4

Sur la console Chrome, faites un clic droit avec la souris et nous avons la possibilité d'effacer la console

Bhanu Kalyan
la source
4

J'utilise ce qui suit pour créer un alias clslors du débogage local dans Chrome (entrez le code JavaScript suivant dans la console):

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

entrer maintenant clsdans la console effacera la console.

cookch10msu
la source
4

Une compilation pratique de plusieurs réponses pour effacer la console par programme (à partir d'un script, pas de la console elle-même):

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
}
programmer5000
la source
4

Au lieu de taper la commande, appuyez simplement sur:

CLTRL + L

nettoyer la console chromée

Ilyas karim
la source
3

Sur la base de la réponse de Cobbal , voici ce que j'ai fait:

Dans mon JavaScriptje mets ce qui suit:

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

Le code conditionnel ne s'exécutera pas tant que vous N'AFFECTEZ PAS window.clear (ce qui signifie que votre journal est vide jusqu'à ce que vous le fassiez). DANS LE TYPE DE CONSOLE DEBUG:

window.clear = clear;

Violà - un journal qui se vide.

Mac OS 10.6.8 - Chrome 15.0.874.106

Jacksonkr
la source
3

Chrome - Appuyez sur CTRL+ Ltout en concentrant l'entrée de la console.

Firefox - clear()dans la console d'entrée.

Internet Explorer - Appuyez sur CTRL+ Ltout en concentrant l'entrée de la console.

Edge - Appuyez sur CTRL+ Ltout en concentrant l'entrée de la console.

Bonne journée!

WingmanImd
la source
2

Sur MacOS :

  1. Chrome - CMD+K
  2. Safari - CMD+K
  3. Firefox - Aucun raccourci

Sous Linux :

  1. Chrome - CTRL+L
  2. Firefox - Aucun raccourci

Sous Windows :

  1. Chrome - CTRL+L
  2. IE - CTRL+L
  3. Bord - CTRL+L
  4. Firefox - Aucun raccourci

Pour le faire fonctionner dans Firefox, userscriptspeut être utilisé. Téléchargez l' GreaseMonkeyextension pour FF.

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

Dans le script, mettez à jour les métadonnées avec la valeur,, pour les //@include *://*/*exécuter sur toutes les pages. Cela ne fonctionnera que lorsque le focus sera sur la page. C'est juste une solution de contournement.

Vignesh Raja
la source
1

Je pense que ce n'est plus disponible en raison de «problèmes de sécurité».

console.log(console) du code donne:

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

De l'extérieur du code, _commandLineAPI est disponible. Un peu ennuyeux parce que parfois je veux simplement me connecter et ne pas voir l'ancienne sortie.

Tatsh
la source
1
N'oubliez pas de suivre la chaîne du prototype lorsque vous déterminez les méthodes disponibles sur un objet :)
alex
-1

Je vais ajouter à cela, car c'est une recherche qui est arrivée en tête sur google ..

Lorsque j'utilise ExtJS / Javascript, j'insère ceci et la console est effacée - sauf en cas d'erreur.

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

Je suis plus que probable bien loin, mais c'est ainsi que j'efface la console pour chaque chargement / rafraîchissement de page.

Cookra
la source
Vous devez restructurer le langage pour en faire une réponse plus appropriée.
Dov Benyomin Sohacheski