Mudah Melihat Sumber File yang Disertakan di Firefox

Di dunia pengembangan web, sebagian besar desain tidak ada di halaman HTML lagi, sudah dipindahkan ke file CSS dan Javascript yang disertakan. Masalahnya adalah bahwa 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 memungkinkan Anda dengan mudah melihat sumber file yang disertakan beberapa cara berbeda.

Penggunaan Instalasi Default

Setelah menginstal ekstensi, Anda akan melihat opsi baru yang disebut "Lihat Sumber Halaman - JSView". Ini akan membawa Anda ke layar yang sama dengan dialog Lihat Sumber Halaman biasa akan ...

Sekarang ketika Anda berada di layar View Source, menu View akan berisi item menu tambahan yang memungkinkan Anda dengan cepat mengakses file yang disertakan.

Menu Konteks Akses Cepat

Buka layar JSView Options dari menu Tools, dan hapus centang pada item “Disable jsview popup menus” untuk menambahkan menu tambahan ke menu klik kanan default.

Anda juga akan ingin memilih "Nonaktifkan Sumber Halaman Lihat - JSView" untuk menonaktifkan item JSView yang berlebihan pada menu. Sekarang ketika Anda mengklik kanan di halaman mana pun, 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 sekarang telah menjadi bagian dari perangkat pengembangan web saya.

Unduh JSView Extension dari Pengaya Mozilla