vConsole

Bahasa Inggris | 简体中文

vKonsol

Alat pengembang front-end yang ringan dan dapat diperluas untuk halaman web seluler.

vConsole bebas kerangka kerja, Anda dapat menggunakannya di Vue atau React atau aplikasi kerangka kerja lainnya.

Sekarang vConsole adalah alat debugging resmi untuk Program Mini WeChat.

---

Fitur

• Log: console.log|info|error|...
• Jaringan: XMLHttpRequest , Fetch , sendBeacon
• Elemen: Pohon elemen HTML
• Penyimpanan: Cookies , LocalStorage , SessionStorage
• Jalankan perintah JS secara manual
• Plugin khusus

Untuk lebih jelasnya silahkan lihat screenshot dibawah ini.

---

Catatan Rilis

Versi terbaru:

Catatan rilis terperinci untuk setiap versi tersedia di Changelog.

---

Memandu

Lihat Tutorial untuk detail penggunaan lebih lanjut.

Untuk instalasi, ada 2 cara utama menambahkan vConsole ke proyek:

Metode 1: Menggunakan npm (Disarankan)

$ npm install vconsole

 import VConsole from 'vconsole' ;

const vConsole = new VConsole ( ) ;
// or init with options
const vConsole = new VConsole ( { theme : 'dark' } ) ;

// call `console` methods as usual
console . log ( 'Hello world' ) ;

// remove it when you finish debugging
vConsole . destroy ( ) ; 

Metode 2: Menggunakan CDN dalam HTML:

 < script src =" https://unpkg.com/vconsole@latest/dist/vconsole.min.js " > </ script >
< script >
  // VConsole will be exported to `window.VConsole` by default.
  var vConsole = new window . VConsole ( ) ;
</ script >

CDN yang tersedia:

• https://unpkg.com/vconsole@latest/dist/vconsole.min.js
• https://cdn.jsdelivr.net/npm/vconsole@latest/dist/vconsole.min.js

---

Pratinjau

http://wechatfe.github.io/vconsole/demo.html

---

Tangkapan layar

Ringkasan

Tema ringan

Tema gelap

Panel Log

Penataan log

Baris perintah

Panel Sistem

Informasi kinerja

Keluarkan log ke panel yang berbeda

 console . log ( 'output to Log panel.' )
console . log ( '[system]' , 'output to System panel.' )

Panel Jaringan

Detail permintaan

Panel Elemen

Struktur elemen HTML waktu nyata

Panel Penyimpanan

Menambah, mengedit, menghapus atau menyalin Cookies / LocalStorage / SessionStorage

---

Dokumentasi

vKonsol:

• tutorial
• Properti & Metode Publik
• Plugin Bawaan: Properti & Metode

Plugin Khusus:

• Plugin: Memulai
• Plugin: Membangun Plugin
• Plugin: Daftar Acara

---

Plugin Pihak Ketiga

• vConsole-sources
• vconsole-webpack-plugin
• plugin-statistik-vconsole
• vconsole-vue-devtools-plugin
• vconsole-outputlog-plugin
• vite-plugin-vconsole

---

Masukan

Grup QQ: 497430533

---

Lisensi

Lisensi MIT