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]


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.


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.


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


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.


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.


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


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.


9

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


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.


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

5
console._inspectorCommandLineAPI.clear()

Isso está funcionando


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


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.


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
}

4

Em vez de digitar o comando, pressione:

CLTRL + L

limpar o console do chrome


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


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!


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.


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.


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.


Você deve reestruturar o idioma para torná-lo uma resposta mais apropriada.
Dov Benyomin Sohacheski
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.