Google ChromeでJavaScriptコンソールをクリアする


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

更新:2012年11月6日の時点で、console.clear()ある利用可能になりましクロームカナリアインチ


clear()コンソールに入力すると、クリアされます。

誤用される可能性があるため、プログラムでそれを行う方法はないと思います。(コンソールは一部のWebページによってクリアされ、エンドユーザーはエラー情報にアクセスできません)

1つの可能な回避策:

コンソールタイプwindow.clear = clearでは、ページ上のすべてのスクリプトでclearを使用できます。


3
ええと... javascript関数はclear()...それは同じことです。
チャクリット

1
煩わしいシナリオの可能性:誰かがclearコマンドを使用してWebページを開発し、それが本番コードに組み込まれる。ページに移動すると、何かが壊れます。ページによってコンソールがクリアされたため、理由を理解できません。
cobbal

38
console.clear()がChromeで使用できるようになりました。カナリアでお試しください。
ポールアイリッシュ

23
カーソルがコンソールにフォーカスされているときにCTRL + Lを押すだけです。すべてのコンソール出力が消去されます。
リド

17
ただノートでは、clear()あなたが「ナビゲーション時にログを保存し、」チェックした場合は動作しません。
beatgammit 14

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 2010年

41
console.log(new Array(24 + 1).join('\n')同じことを行いますが、はるかに短いです。:)
nyuszika7h

15
Nyuszika7H @あなたは簡潔後にしている場合:console.log(Array(25).join('\n'))。演算子Arrayなしでコンストラクタを呼び出すと、new配列が返されます。
アレックス

2
素敵な提案。私は(以下、「発表者ノート」としてconsole.infoでWebプレゼンテーションを準備していクリスチャンのアドバイス私が割り当てることを覚えていないだろう念のため、)、そしてこれは私が思い付いたものですwindow.alertvar hasClear = (typeof clear == 'function'); if(hasClear) clear(); console.info('bla'); if(!hasClear) console.log(Array(18).join('\n'));
ロニー

1
より読みやすいコードであるため、ハードコードされた文字列を選択します。あなたはそれを1秒間見て、それが何をするかを正確に知ることができます。そして、パフォーマンスも向上したと思います。
Kevin Wheeler


20

を使用するとconsole.clear()、Chromeで動作するようです。「コンソールがクリアされました」というメッセージが出力されることに注意してください。

これをテストするために、Javascriptエラーを大量に積み上げました。

注:コンソールをクリアした直後にエラーが発生したため、コンソールを無効にするのではなく、クリアするだけです。また、私はこれをクロムで試しただけなので、それがどのようにクロスブラウザであるのかわかりません。

編集:私はこれをChrome、IE、Firefox、Operaでテストしました。Chrome、MSIE、Operaのデフォルトのコンソールでは機能しますが、Firefoxでは機能しませんが、Firebugでは機能します。


これは私のために働いた唯一の提案です。クロム。
ジェイミーハートノール2018

17

Chromeコンソールのクリアボタン

デバッグ時にコンソールをクリアしたい場合は、「禁止サークル」 ボタンをクリックするだけで console.logをクリアできます。

または、「Ctrl + L」を押して、キーボードを使用してコンソールをクリアします。


13

クロム:

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 2012

10

あなたは使うことができます

console.clear();

JavaScriptコーディングを使用している場合。

それ以外の場合は、CTR+Lコンソールエディタをクリアするために使用できます。


9

Press CTRL+Lオプションを選択したlog場合でも、をクリアするショートカットPreserve log
お役に立てれば。


1
clear()長い間使用されていましたが、Bashの悪名高いclear-terminalショートカットを使用することは考えていませんでした。:)ありがとう!
iamdanchiv 2017

7

Macでは⌘+K、ターミナルと同じように使用することもできます。


これはtheadの最も便利で実用的なソリューションです。ありがとう!:)
Mg Gm

5
console._inspectorCommandLineAPI.clear()

それは働いています


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

4

Chromeコンソールでマウスを右クリックすると、コンソールをクリアするオプションがあります


4

clsChromeでローカルにデバッグするときに、次のエイリアスを使用します(コンソールに次の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
}


3

コバルの答えに基づいて、私がしたことは次のとおりです:

私の中でJavaScript私は以下のものを置きます:

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

条件付きコードは、window.clearをASSIGNするまで実行されません(そうするまでログは空です)。デバッグコンソールタイプ:

window.clear = clear;

Violà-自身をクリアするログ。

Mac OS 10.6.8-Chrome 15.0.874.106


3

Chrome- コンソール入力に焦点を合わせながらCTRL+ Lを押します。

Firefox- clear()コンソール入力。

Internet Explorer- コンソール入力にフォーカスしながらCTRL+ Lを押します。

エッジ- コンソール入力に焦点を合わせながら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使用できます。GreaseMonkeyFFのダウンロード拡張機能。

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
オブジェクトで使用できるメソッドを決定するときは、プロトタイプチェーンに従うことを忘れないでください:)
アレックス

-1

これはGoogleで上位に出てきた検索なので、これに追加します。

ExtJS / Javascriptを使用する場合、これを挿入すると、エラーが発生しない限り、コンソールはクリアされます。

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

コースから外れる可能性はかなり高いですが、これにより、ページの読み込み/更新ごとにコンソールをクリアできます。


これをより適切な答えにするには、言語を再構成する必要があります。
Dov Benyomin Sohacheski 2017
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.