hapus konsol javascript di Google Chrome

215

Saya bertanya-tanya apakah saya bisa membersihkan konsol dengan beberapa perintah ..

console.log(), dapat mencetak ... apakah ada perintah untuk menghapus konsol? ..

Saya sudah mencoba console.log(console);dan mendapatkan fungsi ini di bawah ...

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

[Kurasa tidak ada cara untuk membersihkan konsol ... tapi aku ingin seseorang mengatakannya kepadaku ...]

Reigel
sumber

Jawaban:

310

Update: Pada tanggal 6 November 2012, console.clear()adalah sekarang tersedia di Chrome Canary.


Jika Anda mengetik clear()di konsol itu akan menghapusnya.

Saya tidak berpikir ada cara untuk melakukan pemrograman, karena dapat disalahgunakan. (konsol dihapus oleh beberapa halaman web, pengguna akhir tidak dapat mengakses informasi kesalahan)

satu solusi yang mungkin:

dalam jenis konsol window.clear = clear, maka Anda akan dapat menggunakan yang jelas di skrip apa pun di halaman Anda.

cobbal
sumber
3
ya ... fungsi javascript adalah clear()... itu hal yang sama.
chakrit
1
Skenario yang mungkin terjadi di mana itu akan menjengkelkan: beberapa orang mengembangkan halaman web, menggunakan perintah yang jelas dan membuat jalannya menjadi kode produksi. Anda menavigasi ke halaman dan ada yang rusak. Anda tidak dapat mencari tahu mengapa karena konsol telah dihapus oleh halaman.
cobbal
38
console.clear () sekarang tersedia di Chrome. Cobalah di Canary.
Paul Irish
23
Anda cukup menekan CTRL + L saat kursor terfokus di konsol. Semua output konsol akan dihapus.
Lido
17
Hanya sebuah catatan, clear()tidak berfungsi jika Anda telah mencentang "Simpan log saat navigasi".
beatgammit
130

Selalu ada trik bagus:

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

atau variasi yang lebih pendek dari yang di atas:

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

Bukan solusi yang paling elegan, saya tahu :) ... tetapi berhasil.

Bagi saya, saya biasanya hanya mencetak garis pemisah panjang "-----" untuk membantu membuat log lebih mudah dibaca.

chakrit
sumber
109
Saat Anda tidak bisa menggunakan pisau bedah, gunakan kapak. +1
mVChr
41
console.log(new Array(24 + 1).join('\n')melakukan hal yang sama, tetapi jauh lebih pendek. :)
nyuszika7h
15
@ Nyuszika7H Jika Anda setelah keringkasan: console.log(Array(25).join('\n')). Memanggil Arraykonstruktor tanpa newoperator ditentukan untuk mengembalikan array.
alex
2
Saran yang bagus. Saya sedang mempersiapkan presentasi web dengan console.info sebagai "catatan presenter" (mengikuti saran Christian ), dan inilah yang saya buat, kalau-kalau saya tidak ingat untuk menetapkan window.alert: var hasClear = (typeof clear == 'function'); if(hasClear) clear(); console.info('bla'); if(!hasClear) console.log(Array(18).join('\n'));
Ronny
1
Saya akan memilih string yang dikode keras, karena lebih mudah dibaca. Anda dapat melihatnya selama 1 detik dan tahu persis apa fungsinya. Dan saya kira ada keuntungan kinerja juga.
Kevin Wheeler
39

Ini sepertinya bekerja dengan baik:

console.clear();
RealWorldCoder
sumber
20

Jika Anda menggunakan console.clear(), itu sepertinya berfungsi di chrome. Catatan, itu akan menampilkan pesan "Konsol telah dihapus".

Saya menguji ini dengan memeras banyak kesalahan Javascript.

Catatan, saya mendapatkan kesalahan setelah menghapus konsol, sehingga konsol tidak dinonaktifkan, hanya menghapusnya. Juga, saya hanya mencoba ini di chrome, jadi saya tidak tahu seberapa lintas-browser itu.

EDIT: Saya menguji ini di Chrome, IE, Firefox, dan Opera. Ini berfungsi di Chrome, MSIE, dan konsol default Opera, tetapi tidak di Firefox, namun bekerja di Firebug.

Ben
sumber
Ini adalah satu-satunya saran yang berhasil untuk saya. Chrome.
Jamie Hartnoll
17

Tombol Hapus Konsol Chrome

Jika Anda ingin menghapus konsol saat melakukan debug, Anda cukup mengklik "ban-circle" untuk menghapus console.log.

Atau cukup tekan "Ctrl + L" untuk menghapus konsol menggunakan keyboard Anda.

Dean Meehan
sumber
13

Chrome:

console._commandLineAPI.clear();

Safari:

console._inspectorCommandLineAPI.clear();

Anda dapat membuat variabel Anda sendiri, yang berfungsi di keduanya:

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

Setelah itu, Anda cukup menggunakan console.API.clear().

nyuszika7h
sumber
5
Ini hanya berfungsi melalui konsol itu sendiri di Chrome, dalam hal ini Anda juga dapat melakukannya di clear()luar kotak.
pimvdb
10

kamu bisa memakai

console.clear();

jika Anda bekerja dengan pengkodean javascript.

lain yang bisa Anda gunakan CTR+Luntuk menghapus editor cosole.

Avinash Raut
sumber
9

Press CTRL+LShortcut untuk menghapus log, bahkan jika Anda memiliki Preserve logopsi yang sudah dicentang .
Semoga ini membantu.

AbhiNickz
sumber
1
Digunakan clear()untuk waktu yang lama, namun saya tidak pernah berpikir untuk menggunakan pintas terminal jelas Bash yang terkenal kejam. :) terima kasih!
iamdanchiv
7

Di Mac Anda juga dapat menggunakan ⌘+Kseperti di Terminal.


sumber
ini adalah solusi yang paling berguna / praktis dari thead. Terima kasih! :)
Mg Gm
5
console._inspectorCommandLineAPI.clear()

Itu berhasil

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

Di konsol Chrome klik kanan dengan mouse dan Kami memiliki opsi untuk menghapus konsol

Bhanu Kalyan
sumber
4

Saya menggunakan yang berikut ini untuk alias clssaat men-debug secara lokal di Chrome (masukkan JavaScript berikut ke konsol):

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

sekarang memasuki clskonsol akan menghapus konsol.

cookch10msu
sumber
4

Kompilasi praktis dari beberapa jawaban untuk menghapus konsol secara terprogram (dari skrip, bukan konsol itu sendiri):

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

Daripada mengetik perintah, cukup tekan:

CLTRL + L

untuk menghapus konsol chrome

Ilyas karim
sumber
3

Berdasarkan jawaban Cobbal , inilah yang saya lakukan:

Dalam saya, JavaScriptsaya menempatkan yang berikut:

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

Kode kondisional tidak akan berjalan sampai Anda ASSIGN window.clear (artinya log Anda kosong sampai Anda melakukannya). DALAM JENIS KONSOL DEBUG:

window.clear = clear;

Gila - log yang membersihkan sendiri.

Mac OS 10.6.8 - Chrome 15.0.874.106

Jacksonkr
sumber
3

Chrome - Tekan CTRL+L sambil memfokuskan input konsol.

Firefox - clear() dalam input konsol.

Internet Explorer - Tekan CTRL+L sambil memfokuskan input konsol.

Edge - Tekan CTRL+L sambil memfokuskan input konsol.

Semoga harimu menyenangkan!

WingmanImd
sumber
2

Di MacOS :

  1. Chrome - CMD+K
  2. Safari - CMD+K
  3. Firefox - Tanpa pintasan

Di Linux :

  1. Chrome - CTRL+L
  2. Firefox - Tanpa pintasan

Di Windows :

  1. Chrome - CTRL+L
  2. IE - CTRL+L
  3. Tepi - CTRL+L
  4. Firefox - Tanpa pintasan

Untuk membuatnya berfungsi di Firefox, userscriptsbisa digunakan. Unduh GreaseMonkeyekstensi untuk FF.

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

Dalam skrip, perbarui metadata dengan nilai //@include *://*/*,, untuk membuatnya berjalan di setiap halaman. Ini akan berfungsi hanya ketika fokus ada di halaman. Itu hanya solusi.

Vignesh Raja
sumber
1

Saya pikir ini tidak lagi tersedia karena 'masalah keamanan'.

console.log(console) dari kode memberi:

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

Dari luar kode, _commandLineAPI tersedia. Agak menyebalkan karena terkadang saya hanya ingin login dan tidak melihat output yang lama.

Tatsh
sumber
1
Jangan lupa untuk mengikuti rantai prototipe ketika menentukan metode apa yang tersedia pada suatu objek :)
alex
-1

Saya akan menambahkan ini, karena ini pencarian yang keluar teratas di google ..

Saat menggunakan ExtJS / Javascript saya memasukkan ini dan konsol dihapus - kecuali ada kesalahan ..

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

Saya lebih dari mungkin jauh dari tentu saja, tetapi ini adalah bagaimana saya menghapus konsol untuk setiap halaman memuat / menyegarkan.

Cookra
sumber
Anda harus menyusun ulang bahasa untuk menjadikan ini jawaban yang lebih tepat.
Dov Benyomin Sohacheski