Panduan Memasang Firebug dalam Pelayar Utama dan Peranti iOS

Firebug adalah Firefox add-on dengan alat yang sejuk untuk memeriksa elemen laman web, debug dan membangunkan laman web. Walau bagaimanapun tidak ada cara anda boleh menggunakan alat ini pada pelayar web lain selain Firefox.

Perkembangan alat yang sama untuk penyemak imbas lain mungkin mengambil kerja keras, tetapi ia akan menjadi sangat membantu jika anda boleh mendapatkan Firebug untuk bekerja pada penyemak imbas lain juga, memandangkan semua orang mempunyai pelayar pilihan mereka.

Nah, di sinilah Firebug Lite datang untuk menyelesaikan keperluan anda. Firebug Lite adalah versi Firebug yang lebih mudah tetapi boleh digunakan pada IE, Opera, Chrome, Safari, iPad dan iPhone sambil mengekalkan pilihan dan ciri yang sama.

Memasang Firebug Lite pada Opera, Safari & Chrome

Dengan Firebug Lite, tiada pemasangan yang diperlukan. Ditulis dalam Skrip Java, anda boleh menanda pautan Firebug Lite dan ia akan siap untuk pemeriksaan halaman. Jadi apa yang perlu anda lakukan ialah dengan hanya menanda pautan di bawah (anda juga boleh menyeret pautan ke bar penanda penyemak imbas anda).

Firebug Lite

Sekiranya anda menggunakan penyemak imbas Chrome, penanda buku hendaklah muncul seperti di bawah, jika bar penanda buku anda kelihatan.

Itulah, Firebug Lite anda sekarang perlu berfungsi apabila anda perlu menggunakannya.

Menggunakan Firebug Lite pada Opera, Safari & Chrome

Sekarang anda boleh menggunakan Firebug Lite untuk memeriksa apa-apa halaman web secara praktikal. Untuk contoh ini, kami akan menggunakan Wikipedia.org.

Apabila halaman web dimuat, klik pada penanda Firebug Lite yang anda simpan lebih awal dan anda akan melihat kotak konsol muncul di bahagian bawah halaman web.

Jika kita tutup, inilah yang akan anda lihat di sebelah kiri bahagian bawah halaman.

Sekarang anda boleh melihat (+) dan (-) di titik permulaan banyak baris. (+) Bermakna terdapat lebih banyak baris yang ditutup di bawah satu hala html, dan jika anda menyerlahkan baris, anda akan melihat bahagian mana halaman yang diwakilinya.

Tetapi jika anda ingin menjadikannya lebih mudah untuk melihat garis yang diwakili oleh mana-mana teks, foto, pautan atau mana-mana elemen lain di laman web itu sendiri, klik pada butang 'Inspect'.

Kini anda boleh menggerakkan kursor tetikus anda ke mana-mana bahagian elemen yang ada di laman web, dan anda akan melihat baris html yang diserlahkan. Ini memudahkan anda melakukan pemeriksaan.

Memasang Firebug Lite pada iPad & iPhone

Bookmarklet tidak benar-benar baik dengan iPad dan iPhone. Untuk memasang Firebug Lite pada iPad dan iPhone, inilah caranya:

1. Tandakan halaman ini pada iPad atau iPhone anda.

   

2. Namakan semula penanda buku kepada "Firebug".

   

3. Pilih dan salin semua skrip di bawah.

   javascript: (fungsi (F, i, r, e, b, u, g, L, I, T, E) jika (F.getElementById (b)) kembali; E = F [i + 'NS'] && F. (E, 'skrip'): F [i] ('skrip'); E [r] ('id', b); E [r] ( 'src', I + g + T); E [r] (b, u); (F [e] ('kepala') [0] || F [e] ('body') [0]). ('document', 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4' 'firebug-lite.js', 'releases / lite / latest / skin / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. Pergi ke pilihan penanda buku dan tekan "Edit". Kemudian pilih penanda "Firebug".

   

5. Keluarkan URL asal dan tampal bookmarklet.

   

6. Pilih “Selesai” pada papan kekunci anda.

Sekarang, cuba buka laman web dan pilih penanda "Firebug" dan anda akan melihat Firebug berfungsi di bahagian bawah skrin iPad anda.

Kesimpulannya

Firebug Lite adalah cukup baik untuk melakukan pemeriksaan halaman cepat. Anda boleh melihat html, css dan skrip yang digunakan untuk membina laman web. Walaupun Chrome mempunyai sambungan Pembangun Webnya sendiri, Firebug Lite tidak mengecewakan sebanyak satu batu.