limpar console javascript no Google Chrome

215

Eu queria saber se eu poderia limpar o console com algum comando ..

console.log(), pode imprimir ... existe um comando para limpar o console? ..

Eu tentei console.log(console);e tenho essas funções abaixo ...

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

[Acho que não há como limpar o console ... mas eu queria que alguém me dissesse isso]

Reigel
fonte

Respostas:

310

Atualização: a partir de 6 de novembro de 2012, console.clear() está disponível no Chrome Canary.


Se você digitar clear()no console, ele será limpo.

Eu não acho que exista uma maneira de fazê-lo programaticamente, pois pode ser mal utilizado. (o console é limpo por alguma página da web, o usuário final não pode acessar as informações de erro)

uma solução possível:

no tipo de console window.clear = clear, você poderá usar clear em qualquer script da sua página.

cobbal
fonte
3
duh ... a função javascript é clear()... é a mesma coisa.
usar o seguinte
1
Um cenário possível em que seria irritante: uma pessoa desenvolve uma página da Web, usando o comando clear e entra no código de produção. Você navega para a página e algo quebra. Você não pode descobrir por que, desde que o console foi limpo pela página.
cobbal
38
console.clear () já está disponível no Chrome. Experimente em Canárias.
Paul Irish
23
Você pode simplesmente pressionar CTRL + L enquanto o cursor estiver focado no console. Toda a saída do console será apagada.
Lido
17
Apenas uma observação, clear()não funcionará se você tiver marcado "Preservar log na navegação".
fácil
130

Há sempre o bom e velho truque:

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 uma variação mais curta do anterior:

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

Não é a solução mais elegante, eu sei :) ... mas funciona.

Para mim, normalmente apenas imprimo uma longa linha separadora "-----" para ajudar a facilitar a leitura dos logs.

chakrit
fonte
109
Quando você não pode usar um bisturi, use um machado. 1
mVChr
41
console.log(new Array(24 + 1).join('\n')faz a mesma coisa, mas é muito mais curto. :)
nyuszika7h 2/02
15
@ Nyuszika7H Se você é depois de concisão: console.log(Array(25).join('\n')). Chamar o Arrayconstrutor sem o newoperador deve retornar uma matriz.
Alex
2
Boas sugestões. Estou preparando uma apresentação na web com o console.info como "notas do apresentador" (seguindo os conselhos de Christian ), e foi isso que eu criei, para o caso de não me lembrar de atribuir window.alert: var hasClear = (typeof clear == 'function'); if(hasClear) clear(); console.info('bla'); if(!hasClear) console.log(Array(18).join('\n'));
Ronny
1
Eu optaria pela string codificada, pois é um código mais legível. Você pode olhar por 1 segundo e saber exatamente o que faz. E acho que também há um ganho de desempenho.
Kevin Wheeler
39

Isso parece funcionar muito bem:

console.clear();
RealWorldCoder
fonte
20

Se você usar console.clear(), isso parece funcionar no chrome. Observe que ele exibirá uma mensagem "O console foi limpo".

Eu testei isso acumulando uma tonelada de erros de Javascript.

Observe que recebi um erro logo após limpar o console; portanto, ele não desativa o console, apenas o limpa. Além disso, eu só tentei isso no chrome, então não sei como é o navegador cruzado.

Edição: Eu testei isso no Chrome, IE, Firefox e Opera. Ele funciona nos consoles padrão do Chrome, MSIE e Opera, mas não no Firefox, no entanto, funciona no Firebug.

Ben
fonte
Esta é a única sugestão que funcionou para mim. Cromada.
Jamie Hartnoll
17

Botão Limpar do console do Chrome

Se você quiser limpar o console ao depurar, basta clicar no "círculo de banimento" para limpar o console.log.

Como alternativa, basta pressionar "Ctrl + L" para limpar o console usando o teclado.

Dean Meehan
fonte
13

Cromada:

console._commandLineAPI.clear();

Safári:

console._inspectorCommandLineAPI.clear();

Você pode criar sua própria variável, que funciona em ambas:

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

Depois disso, você pode simplesmente usar console.API.clear().

nyuszika7h
fonte
5
Isso funciona apenas no próprio console do Chrome; nesse caso, você também pode fazer isso imediatamente clear().
Pimvdb
10

você pode usar

console.clear();

se você estiver trabalhando com codificação javascript.

caso contrário, você pode usar CTR+Lpara limpar o editor de cosole.

Avinash Raut
fonte
9

Press CTRL+LAtalho para limpar log, mesmo se você tiver marcado a Preserve logopção.
Espero que isto ajude.

AbhiNickz
fonte
1
Usado clear()por tanto tempo, mas nunca pensei em usar o notório atalho de terminal claro de Bash. :) Obrigado!
iamdanchiv 9/07
7

No Mac, você também pode usar ⌘+Kcomo no Terminal.


fonte
esta é a solução mais útil / prática do tópico. obrigado! :)
Mg Gm
5
console._inspectorCommandLineAPI.clear()

Isso está funcionando

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

No console do Chrome, clique com o botão direito do mouse e temos a opção de limpar o console

Bhanu Kalyan
fonte
4

Eu uso o seguinte como alias clsao depurar localmente no Chrome (insira o seguinte JavaScript no console):

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

agora entrar clsno console limpará o console.

cookch10msu
fonte
4

Uma compilação prática de várias respostas para limpar o console programaticamente (de um script, não do próprio console):

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
fonte
4

Em vez de digitar o comando, pressione:

CLTRL + L

limpar o console do chrome

Ilyas karim
fonte
3

Com base na resposta de Cobbal , aqui está o que eu fiz:

No meu JavaScripteu coloquei o seguinte:

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

O código condicional não será executado até você ASSIGN window.clear (ou seja, seu log ficará vazio até você fazer isso). No tipo de console de depuração:

window.clear = clear;

Violà - um log que se limpa.

Mac OS 10.6.8 - Chrome 15.0.874.106

Jacksonkr
fonte
3

Chrome - Pressione CTRL+L enquanto focaliza a entrada do console.

Raposa de fogo - clear() na entrada do console.

Internet Explorer - Pressione CTRL+L enquanto focaliza a entrada do console.

Borda - Pressione CTRL+ Lenquanto focaliza a entrada do console.

Tenha um bom dia!

WingmanImd
fonte
2

No MacOS :

  1. Chrome - CMD+K
  2. Safari - CMD+K
  3. Firefox - sem atalho

No Linux :

  1. Chrome - CTRL+L
  2. Firefox - sem atalho

No Windows :

  1. Chrome - CTRL+L
  2. IE - CTRL+L
  3. Borda - CTRL+L
  4. Firefox - sem atalho

Para fazê-lo funcionar no Firefox, userscriptspode ser usado. Faça o download da GreaseMonkeyextensão para o FF.

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

No script, atualize os metadados com o valor,, //@include *://*/*para executá-lo em todas as páginas. Funcionará apenas quando o foco estiver na página. É apenas uma solução alternativa.

Vignesh Raja
fonte
1

Acho que isso não está mais disponível devido a 'problemas de segurança'.

console.log(console) do código fornece:

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

Fora do código, _commandLineAPI está disponível. Meio chato, porque às vezes eu quero apenas registrar e não ver a saída antiga.

Tatsh
fonte
1
Não se esqueça de seguir a cadeia de protótipos para determinar o que estão disponíveis em um objeto :) métodos
alex
-1

Vou acrescentar isso, pois é uma pesquisa que saiu no topo do google ..

Ao usar ExtJS / Javascript, insiro isso e o console é limpo - a menos que haja um erro.

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

Provavelmente estou fora do curso, mas é assim que limpo o console para cada carregamento / atualização de página.

Cookra
fonte
Você deve reestruturar o idioma para torná-lo uma resposta mais apropriada.
Dov Benyomin Sohacheski