Baru-baru ini, kami mengeluarkan siaran pada 12 Sambungan Google Chrome untuk Pembangun & Pereka dan sementara beberapa sambungan itu tersedia di Firefox , saya tidak akan mengulangi apa-apa di sini.
Dengan cara yang sama, beberapa sambungan yang disenaraikan di bawah tersedia pada Chrome jadi anggap apl tersebut sebagai bonus untuk penyemak imbas masing-masing.
1. Pengesah HTML
Pengesah HTML berjalan melalui kod anda untuk memastikan ia mengikut konvensyen standard HTML. Ia memaparkan bilangan ralat yang dilihat pada ikon dalam bar alat.
Pengesah HTML Tambahan Firefox
2. Octotree
Sebagai pembangun, saya menjalankan beberapa halaman kod pada GitHub setiap masa apabila mencari untuk melihat cara pembangun lain menyelesaikan masalah tertentu . Jika anda seperti saya maka anda akan dapati Octotree berguna.
Octotree memaparkan kod GitHub dalam format pepohon. Dengan cara itu, anda boleh menyemak imbas melalui baris kod tanpa memuat turun fail sumber.
Octotree Menunjukkan Kod GitHub dalam Format Pokok
3. HTTPS Everywhere
HTTPS Everywhere menyulitkan data yang anda tukar dengan semua halaman web utama walaupun mereka tidak menggunakan HTTPS.
Jadi jika anda diarahkan ke halaman yang tidak menggunakan https, anda boleh memastikan bahawa komunikasi anda dalam talian selamat.
4. Ujian Prestasi Halaman
Ujian Prestasi Halaman memberi anda statistik pada halaman web anda dengan mengukur kelajuan dan prestasi pemuatannya. Anda boleh menyimpan keputusan carta untuk membandingkannya dengan ujian seterusnya.
Ujian Prestasi Halaman
5. Usersnap
Usersnap membolehkan anda mengambil tangkapan skrin tapak web dan menganotasinya dengan menambahkan lukisan penanda dan ulasan. Ia juga disertakan dengan pembaris piksel dan boleh disepadukan terus dengan pelbagai alatan pengurusan projek termasuk Slac, Trello dan JIRA.
Senarai ini tidak akan lengkap tanpa Usersnap memandangkan ia membolehkan proses maklum balas yang berkesan. Ia adalah perkhidmatan berbayar, walaupun, dengan percubaan percuma selama 14 hari.
Usersnap
6. Lumpuhkan JavaScript
Lumpuhkan JavaScript, seperti namanya, memberi anda keupayaan untuk mematikan JavaScript pada tapak web atau hanya tab tertentu. Anda boleh menyesuaikannya untuk menghidupkan/mati keadaan JS lalai dan tingkah laku lumpuh lalai mengikut domain/tab, dsb.
Lumpuhkan JavaScript
7. Senarai Semak Pembangun Web
Pelanjutan Senarai Semak Pembangun Web memberikan anda gambaran keseluruhan tentang cara tapak anda boleh digunakan mengikut amalan reka bentuk dan pembangunan terbaik.
Mengklik ikon akan memberitahu anda tentang SEO tapak anda, URL mesra, favicon, dsb. dengan tanda semak di sebelahnya untuk menandakan lulus.
Senarai Semak Pembangun Web
8. React Alat Pembangun
Dengan peningkatan populariti React yang seolah-olah tidak berkesudahan, pembangun React dilahirkan hampir setiap hari dan pasukan React melindungi mereka.
Alat Pembangun React memberi anda keupayaan untuk memeriksa pepohon React bersama-sama dengan keadaan, prop, hierarki, dll. Untuk mengaktifkannya , lancarkan Firefox devtools dan tukar ke tab React.
Terdapat juga versi untuk Vue pembangun dalam bentuk Vue.js devtools.
Alat Pembangun React
9. ColorZilla
ColorZilla ialah alat yang sangat baik untuk pembangun dan pereka grafik untuk memilih warna daripada halaman web yang berbeza.
Ia juga mengandungi penitis mata, penjana kecerunan, penyemak imbas palet dan sejarah warna.
ColorZilla
10. Evernote Web Clipper
Evernote Web Clipper membolehkan anda mengambil tangkapan skrin halaman web dan menyimpannya secara automatik ke Evernote andaakaun yang anda boleh membuat anotasi dan berkongsi dengan ahli pasukan.
Evernote Web Clipper
11. Pengurus Kuki
Pengurus Kuki ialah sambungan yang mementingkan keselamatan yang membolehkan anda melihat, menambah, mengedit, memadam dan mencari kuki dalam mana-mana domain.
Apa yang lebih menarik tentang Pengurus Kuki ialah anda boleh mengeksport dan mengimport kuki antara domain.
Pengurus Kuki
12. Editor Langsung untuk CSS dan KURANG
Editor Langsung untuk CSS dan LESS membolehkan anda menulis kod CSS/KURANG terus ke dalam penyemak imbas anda. Kod anda berkuat kuasa serta-merta dan akan disimpan pada peringkat tapak dalam storan setempat penyemak imbas anda.
Editor dalam halamannya menampilkan autolengkap, cantikkan, linter, dll. Anda harus menyemaknya.
Editor langsung untuk CSS
Adakah anda menyukai mana-mana sambungan yang disenaraikan atau adakah anda mempunyai senarai yang boleh kami gunakan? Bahagian komen ada di bawah.