Di dunia pengembangan web, sebagian besar desain tidak ada di halaman HTML lagi, sudah dipindahkan ke file CSS dan Javascript yang disertakan. Masalahnya adalah ketika Anda ingin mengintip ke dalam kode, tidak ada cara yang sangat sederhana untuk melihat file CSS / JS tersebut.
Ada ekstensi bernama JSView yang akan membiarkan Anda dengan mudah melihat sumber file yang disertakan dengan beberapa cara yang berbeda.
Penggunaan Instalasi Default
Setelah menginstal ekstensi, Anda akan melihat opsi baru yang disebut "Lihat Sumber Laman - JSView". Ini akan membawa Anda ke layar yang sama seperti dialog View Page Source biasa akan ...
Sekarang ketika Anda berada di layar Lihat Sumber, menu Tampilan akan berisi item menu tambahan yang memungkinkan Anda mengakses file yang disertakan dengan cepat.
Menu Konteks Akses Cepat
Buka layar Opsi JSView dari menu Tools, dan hapus centang pada item menu “Nonaktifkan jsview popup menu” untuk menambahkan menu ekstra ke menu klik kanan default.
Anda juga akan memilih "Nonaktifkan Lihat Sumber Laman - JSView" untuk menonaktifkan item JSView redundan pada menu. Sekarang ketika Anda mengklik kanan di halaman manapun, Anda dapat dengan cepat mendapatkan akses ke sumbernya.
Perhatikan bahwa jika Anda menginginkan pengalaman paling minimal, Anda dapat memilih untuk menonaktifkan semua opsi dan cukup mengakses fungsi dari jendela sumber tampilan.
Pilihan lain
Anda juga dapat memilih apakah akan membuka di jendela baru ...
Atau apakah akan menggunakan editor eksternal ...
Ini adalah ekstensi yang sangat berguna yang kini telah menjadi bagian dari toolkit pengembangan web saya.
Unduh Ekstensi JSView dari Add-ons Mozilla