15 Sambungan Penyemak Imbas Terbaik untuk Pembangun (2020)

Perubahan terbesar untuk tahun 2018 adalah pembaikan utama FireFox, dan dengan itu cara kerja add-on berfungsi dalam penyemak imbas itu. Akibatnya, banyak alat tambah popular tidak lagi dikekalkan atau sudah tidak dapat digunakan.

Sebilangan besar alat tambah untuk Firefox juga tersedia sebagai sambungan untuk Google Chrome. Dalam artikel ini, kami akan berusaha memberi keutamaan kepada add-on / ekstensi penyemak imbas silang, yang dalam konteks ini bermaksud mereka akan berfungsi pada Firefox, Chrome, dan Chromium. Kami juga akan memberi pilihan kepada peluasan percuma yang tidak diketahui menyampaikan maklumat anda kepada pihak ketiga dan tidak disokong oleh pendapatan iklan. Kami akan lebih memfokuskan pada pengembangan yang tidak membataskan anda pada teknologi pembangunan tertentu.

Sedikit pembangun akan melihat kelebihan menggunakan Microsoft Edge sebagai penyemak imbas pembangunan, tetapi tidak masalah untuk ujian pasca pembangunan. Hanya sedikit lebih dari 4 dalam setiap 100 pengunjung laman web yang diharapkan dapat menggunakannya, walaupun jumlah itu diharapkan dapat meningkat sedikit ketika lebih banyak pengguna meninggalkan Internet Explorer.

Walaupun terdapat pengguna Chrome yang jauh lebih banyak daripada pengguna Firefox, pengguna IT lebih cenderung memilih Firefox, sebab itulah terdapat lebih banyak dan lebih banyak sambungan yang ditujukan untuk pembangun di Firefox.

Sekarang mari kita lihat sambungan penyemak imbas terbaik untuk pembangun dan mengapa anda mungkin mahu menambahkannya ke penyemak imbas anda.

1. Dibina Dengan

Apabila anda berada di laman web yang dibuat dengan baik dan anda ingin tahu bagaimana mereka membuatnya, pelanjutan ini akan menjimatkan banyak masa dan usaha anda untuk mencari-cari dalam kod sumber. Muat turun pautan: Chrome / Chromium, Firefox

2. kapak

Ini adalah alat pengauditan kebolehaksesan. Selalu terbaik untuk mencuba dan menjadikan halaman anda dapat diakses semaksimum mungkin, dan ax akan membantu anda mengelakkan secara tidak sengaja mengecualikan segmen pengguna dari laman web anda. Muat turun pautan: Chrome / Chromium, Firefox

3. ColorZilla

Sudah lama tetapi masih bagus, pelanjutan ini membolehkan anda mengambil sampel warna secara langsung dari halaman, mengambil kod warna, menghasilkan kecerunan, dan banyak lagi. Muat turun pautan: Chrome / Chromium, Firefox

4. Pembangun Web

Menambah beberapa tambahan berguna pada penyemak imbas anda untuk mengawal CSS, borang, gambar, dan maklumat. Salah satu sambungan paling popular yang pernah dibuat. Muat turun pautan: Chrome / Chromium, Firefox

5. Kedudukan Woo

Analisis mana-mana laman web untuk data SEO. Menyediakan laporan hebat yang menunjukkan kepada anda semua dalaman SEO, termasuk keseluruhan skor SEO, cadangan penambahbaikan, awan kata kunci, dan banyak lagi. Muat turun pautan: Chrome / Chromium, Firefox

6. Tab2QR

Hasilkan kod QR halaman yang anda kunjungi dan anda boleh mengunjungi halaman dengan telefon anda hanya dengan mengimbas kod QR. Bagus untuk menguji laman web yang responsif, walaupun anda tidak membuatnya. Muat turun pautan: Chrome / Chromium, Firefox

7. Pembuat Permintaan HTTP

Ini sangat berguna untuk menguji respons borang PHP di mana anda tidak benar-benar ingin menyerahkan borang (yang mungkin mencetuskan pemprosesan tambahan yang tidak perlu anda uji). Dengan alat ini anda dapat memalsukan permintaan HTTP dengan mudah. Perhatikan bahawa walaupun sambungan Chrome dan Firefox mempunyai nama yang sama dan melakukan perkara yang sama, ia dibuat oleh pembangun yang berbeza dan tidak sama. Muat turun pautan: Chrome / Chromium, Firefox

8. Ujian Prestasi Halaman

Dapatkan laporan dengan cepat bagaimana prestasi halaman anda pada tahap yang berbeza dari perjalanan ke penyemak imbas anda. Ini seperti versi tracert yang lebih maju. Yang ini hanya tersedia di Firefox buat masa ini. Terdapat sambungan serupa untuk Chrome dan Chromium tetapi tidak begitu kaya dengan ciri seperti ini. Muat turun pautan: Firefox

9. Alat Bilang Kata

Yang ini sebenarnya dapat melakukan lebih banyak daripada namanya, kerana ia juga akan memberitahu anda berapa banyak watak dan berapa banyak ayat yang terdapat dalam blok teks yang dipilih (atau keseluruhan halaman). Muat turun pautan: Chrome / Chromium, Firefox

10. Senarai Semak Pembangun Web

Pastikan anda mengikuti garis panduan amalan pengembangan web terbaik dengan alat ini yang akan muncul di mana standard anda mungkin merosot. Muat turun pautan: Chrome / Chromium, Firefox

11. Penyusun Peta Imej

Salah satu trio pelanjutan yang sangat baik dari pemaju Jerman Heinz-Jürgen Boms, yang ini betul-betul sesuai dengan namanya. Anda boleh menghasilkan peta gambar secara langsung di penyemak imbas hanya dengan menelusuri kawasan gambar yang ingin anda petakan. Muat turun pautan: Firefox

12. Penyunting Bingkai Lanjutan

Sambungan lain dari Heinz-Jürgen Boms, ini benar-benar alat gaya CSS di mana anda boleh membina bingkai secara langsung di penyemak imbas dengan menentukan atributnya. Perlu diperiksa dokumentasi sebelum mula menggunakannya. Muat turun pautan: Firefox

13. Pembantu Responsif Bootstrap

Ini adalah sambungan kecil yang sangat mudah yang dapat membantu anda melihat dengan cepat apakah titik putus anda berfungsi dengan betul dan tahap bootstrap mod semasa. Sudah tentu anda hanya memerlukan pelanjutan ini sekiranya anda betul-betul bekerja di Bootstrap. Versi Chrome dikembangkan oleh Jonathan Defraiteur, dan versi Firefox dikembangkan oleh Kevin Bon. Muat turun pautan: Chrome / Chromium, Firefox

14. Cubalah Editor HTML5 Sendiri

Sekiranya anda lebih suka membuat perkara mudah dan menyelesaikan semua kerja anda dari satu tempat, pelanjutan ini sesuai untuk anda. Kaya dengan ciri, editor yang sedar konteks ini berfungsi secara langsung di penyemak imbas dan menyokong HTML, CSS, dan JavaScript. Ini jauh dari sempurna, tetapi untuk pengeditan yang cepat dan kotor tanpa perlu membuka aplikasi yang berasingan, ia akan selesai. Muat turun pautan: Firefox

15. Kacamata X-Ray

Secara teknikalnya ini bukan lanjutan, sebenarnya buku kecil. Tetapi ia berfungsi dengan baik, kami tidak dapat meninggalkannya dari senarai. Walaupun ia dibuat oleh Mozilla, ia berfungsi dengan baik di Chrome kerana kedua-dua penyemak imbas mematuhi standard sepenuhnya. Untuk menggunakannya, anda mesti membuat bar penanda halaman anda kelihatan. Kemudian lawati halaman muat turun, yang boleh anda capai melalui pautan di bawah, dan seret butang X-Ray Goggles ke bar penanda halaman. Kemudian kunjungi mana-mana laman web, jalankan penanda halaman X-Ray Goggles anda, pilih elemen di halaman, dan anda boleh mengedit kodnya. Muat turun pautan: Chrome / Chromium, Firefox

gambar header milik

Bogdan Rancea

Bogdan adalah ahli pengasas Inspired Mag, yang telah mengumpulkan hampir 6 tahun pengalaman dalam tempoh ini. Pada masa lapang dia suka belajar muzik klasik dan mendalami seni visual. Dia juga taksub dengan fixies juga. Dia sudah memiliki 5 orang.