Menampilkan developer tools di Chrome mobile (pakai VConsole)

Thu Aug 19 2021 01:54:22 GMT+0000 (Coordinated Universal Time)

Kan kita pengennya kayak gini:

Tampilan developer tools di Chrome mobile

Berikut ini caranya:

Salin kode di bawah ini:

javascript:(function(){
 let kode = document.createElement("script");
 kode.src = "https://unpkg.com/vconsole/dist/vconsole.min.js";

 document.body.appendChild(kode);
 kode.onload = function(){
  new VConsole;
 }
})()

Terus pencet titik tiga di ujung kanan atas:

Titik tiga di ujung kanan atas

Pencet bintang:

Kasih bookmark

Pencet Edit:

Tulisan edit bookmark

Kemudian, untuk Nama, bebas sih, tapi kalau aku kasih nama VConsole. Terus untuk URL, tempel kode yang disalin tadi:

Edit-edit bookmark

Untuk cara menggunakannya, cukup ketik vconsole di address bar, lalu pencet bookmark kita tadi:

Bookmark VConsole yang kita buat tadi

Tampil VConsolenya:

Tampil VConsole

Salah satu fiturnya:

Fitur VConsole

Oh iya, itu tadi VConsole. Kalau mau pakai yang Eruda, ini kodenya:

javascript:(function () { 
    var script =  document.createElement('script');
    script.src="//cdn.jsdelivr.net/npm/eruda"; 
    document.body.appendChild(script);
    script.onload = function () { 
        eruda.init() 
    } 
})();

Tanggapan komentar

Thnks om zen

Kembali kasih.

Buat yang mau donasi untuk kelangsungan komunitas Echlus, silahkan transfer ke halaman donasi kami.

Thnks om zen
Bismillah hacker