eXtract Snippet: Ekstrak Kode HTML/CSS dengan Mudah
eXtract Snippet adalah add-on Chrome yang berguna yang dikembangkan oleh Melwyn Pawar yang memungkinkan pengguna untuk dengan mudah mengekstrak potongan kode HTML dan CSS dari situs web. Dengan alat ini, Anda dapat memeriksa elemen apa pun di situs web dan dengan cepat mendapatkan kode HTML dan CSS yang sesuai.
Untuk menggunakan eXtract Snippet, cukup pasang add-on dan buka alat pengembang Chrome dengan mengklik kanan pada elemen yang ingin Anda periksa dan memilih "Periksa elemen". Dalam alat pengembang, Anda akan menemukan panel bernama "eXtract HTML CSS". Klik panel ini dan kemudian klik tombol "Dapatkan HTML/CSS dari elemen yang diperiksa".
Extractor akan menyaring hanya CSS yang relevan dan mengekstrak kode HTML untuk potongan yang diperiksa. Sementara potongan yang lebih kecil diproses dengan cepat, potongan yang lebih besar mungkin membutuhkan waktu sedikit lebih lama. Kode yang diekstrak akhirnya sangat cocok dengan potongan yang sebenarnya di situs web.
Selain itu, eXtract Snippet memungkinkan Anda untuk melihat pratinjau kode yang diekstrak di platform populer seperti CodePen, JSFiddle, atau JSbin. Cukup klik tombol yang sesuai di bawah kode yang diekstrak untuk melihat bagaimana tampilannya dalam aksi.
Harap dicatat bahwa versi 1.4 dari eXtract Snippet juga mendukung mengekstrak HTML dan CSS dari iframe, menjadikannya lebih serbaguna bagi pengembang web dan desainer.