Lihat Tag HTML dan Halaman Web yang Dikombinasikan di Firefox

Apakah Anda ingin cara yang lebih mudah untuk melihat tag html halaman web tanpa melihat kode sumber di jendela terpisah? Sekarang Anda dapat melihat halaman web dan tag yang digabungkan di jendela yang sama menggunakan ekstensi X-Ray untuk Firefox.

Sebelum

Biasanya jika Anda ingin melihat kode sumber di belakang halaman web Anda harus melihatnya di jendela terpisah. Jika Anda hanya tertarik pada bagian tertentu maka Anda harus mencari melalui seluruh rangkaian kode hanya untuk menemukan apa yang Anda cari.

Setelah

Ekstensi X-Ray akan memungkinkan Anda melihat tag dokumen (termasuk nama kelas dan ID) "berdampingan" dengan halaman web di tab yang sama. Anda dapat menggunakan menu konteks atau menu alat untuk mengakses perintah X-Ray.

Berikut adalah halaman web yang sama seperti yang ditunjukkan pada tangkapan layar pertama di atas. Mungkin terlihat agak aneh pada awalnya sampai Anda terbiasa melihat keduanya bersama-sama.

Catatan: Anda dapat mengembalikan halaman web ke tampilan normal dengan mengklik perintah X-Ray lagi atau menyegarkan halaman.

Kode untuk bagian sidebar pada halaman web yang sama ...

Diikuti oleh salah satu set tautan di bagian akhir.

Melihat contoh lain misalkan Anda tertarik pada bagaimana bagian dari feed utama diatur.

Mampu melihat bagaimana elemen tertentu diatur secara langsung di halaman web tentu lebih baik daripada mencari melalui seluruh halaman kode.

Kesimpulan

Jika Anda mendesain halaman web dan menginginkan cara mudah untuk melihat bagaimana situs web orang lain dikodekan, Anda mungkin ingin mencoba ekstensi ini..

Tautan

Unduh ekstensi X-Ray (Pengaya Mozilla)