Panduan untuk Menginstal Firebug di Browser Besar dan Perangkat iOS

Firebug adalah add-on Firefox dengan alat keren untuk memeriksa elemen halaman web, men-debug, dan mengembangkan halaman web. Namun tidak ada cara Anda dapat memiliki alat-alat ini di browser web lain selain dari Firefox.

Pengembangan alat serupa untuk peramban lain mungkin membutuhkan kerja keras, tetapi akan sangat membantu jika Anda bisa membuat Firebug juga berfungsi di peramban lain, mengingat setiap orang memiliki peramban pilihan mereka..

Nah, di sinilah Firebug Lite masuk untuk menyelesaikan kebutuhan Anda. Firebug Lite adalah versi yang lebih sederhana dari Firebug tetapi dapat digunakan pada IE, Opera, Chrome, Safari, iPad dan iPhone sambil mempertahankan opsi dan fitur yang serupa.

Menginstal Firebug Lite di Opera, Safari & Chrome

Dengan Firebug Lite, tidak diperlukan instalasi apa pun. Ditulis dalam Java Script, Anda dapat membuat bookmark tautan Firebug Lite dan akan siap untuk inspeksi halaman. Jadi yang perlu Anda lakukan adalah cukup bookmark tautan di bawah ini (Anda juga dapat menarik tautan ke bilah bookmark browser Anda).

Firebug Lite

Jika Anda menggunakan browser Chrome, bookmark akan muncul seperti di bawah ini, jika bilah bookmark Anda terlihat.

Itu saja, Firebug Lite Anda sekarang seharusnya berfungsi ketika Anda perlu menggunakannya.

Menggunakan Firebug Lite di Opera, Safari & Chrome

Sekarang Anda dapat menggunakan Firebug Lite untuk memeriksa hampir semua halaman web. Untuk contoh ini, kami akan menggunakan Wikipedia.org.

Ketika halaman web dimuat, klik pada bookmark Firebug Lite yang Anda simpan sebelumnya dan Anda akan melihat kotak konsol muncul di bagian bawah halaman web.

Jika kami menutup, inilah yang akan Anda lihat di kiri bawah halaman.

Sekarang Anda dapat melihat (+) dan (-) di titik awal dari banyak baris. Tanda (+) berarti ada lebih banyak garis yang ditutup di bawah satu-baris html, dan jika Anda menyorot garis, Anda akan melihat bagian halaman yang diwakilinya.

Tetapi jika Anda ingin membuatnya lebih mudah menemukan garis-garis yang diwakili oleh teks, foto, tautan, atau elemen lainnya di halaman web itu sendiri, klik tombol 'Periksa'.

Sekarang Anda dapat mengarahkan kursor mouse Anda ke bagian mana pun dari elemen yang tersedia di halaman web, dan Anda akan melihat garis html disorot. Ini memudahkan Anda melakukan inspeksi.

Menginstal Firebug Lite di iPad & iPhone

Bookmarklets tidak benar-benar cocok dengan iPad dan iPhone. Untuk menginstal Firebug Lite di iPad dan iPhone, berikut caranya:

1. Tandai halaman ini di iPad atau iPhone Anda.

   

2. Ganti nama bookmark menjadi "Firebug".

   

3. Pilih dan salin semua skrip di bawah ini.

   javascript: (fungsi (F, i, r, e, b, u, g, L, I, T, E) if (F.getElementById (b)) kembali; E = F [i + 'NS'] && F. documentElement.namespaceURI; E = E? F [i + 'NS'] (E, 'script'): F [i] ('script'); E [r] ('id', b); E [r] ( 'src', I + g + T); E [r] (b, u); (F [e] ('head') [0] || F [e] ('tubuh') [0]). appendChild (E); E = new% 20Image; E [r] ('src', I + L);) (dokumen, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'mengeluarkan / lite / latest / skin / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. Buka opsi bookmark dan tekan "Edit". Kemudian pilih bookmark "Firebug".

   

5. Hapus URL asli dan tempel bookmarklet.

   

6. Memilih “Selesai” di keyboard Anda.

Sekarang, coba buka situs web apa saja dan pilih bookmark "Firebug" dan Anda akan melihat Firebug yang berfungsi di bagian bawah layar iPad Anda.

Kesimpulan

Firebug Lite sejauh ini cukup baik untuk melakukan inspeksi halaman cepat. Anda dapat melihat html, css dan skrip apa pun yang digunakan untuk membangun halaman web. Meskipun Chrome memiliki ekstensi Pengembang Web sendiri, Firebug Lite tidak mengecewakan satu mil pun.