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 ...]


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.


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.


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


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.


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.


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


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.


9

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


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.


ini adalah solusi yang paling berguna / praktis dari thead. Terima kasih! :)
Mg Gm

5
console._inspectorCommandLineAPI.clear()

Itu berhasil


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


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.


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
}

4

Daripada mengetik perintah, cukup tekan:

CLTRL + L

untuk menghapus konsol chrome


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


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!


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.


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.


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.


Anda harus menyusun ulang bahasa untuk menjadikan ini jawaban yang lebih tepat.
Dov Benyomin Sohacheski
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.