Kısa bir süre önce, Geliştiriciler ve Tasarımcılar için 12 Google Chrome Uzantısı hakkında bir yayın yayınladık ve bu uzantılardan bazıları Firefox , burada hiçbirini tekrar etmem.
Aynı şekilde, aşağıda listelenen uzantılardan bazıları Chrome üzerinde mevcuttur, bu nedenle bu tür uygulamaları ilgili tarayıcılar için bonus olarak kabul edin.
1. HTML Doğrulayıcı
HTML Doğrulayıcı, HTML standart kuralına uyduğundan emin olmak için kodunuzu çalıştırır. Araç çubuğundaki simgede gördüğü hata sayısını gösterir.
HTML Doğrulayıcı Firefox Eklentisi
2. Octotree
Bir geliştirici olarak, ara sıra diğer geliştiricilerin belirli sorunları nasıl çözdüğünü görmek için arama yaparken GitHub üzerindeki birkaç kod sayfasını inceliyorum. . Benim gibiyseniz, Octotree'yi faydalı bulacaksınız.
Octotree, GitHub kodunu ağaç biçiminde görüntüler. Bu şekilde, kaynak dosyaları indirmeden kod satırları arasında gezinebilirsiniz.
Octotree, GitHub Kodunu Ağaç Biçiminde Gösterir
3. HTTPS Her Yerde
HTTPS Her Yerde, HTTPS kullanmasalar bile tüm büyük web sayfalarıyla değiştirdiğiniz verileri şifreler.
Yani, https kullanmayan sayfalara yönlendirilirseniz, çevrimiçi iletişiminizin güvenli olduğundan emin olabilirsiniz.
4. Sayfa Performans Testi
Sayfa Performans Testi, hızlarını ve yükleme performanslarını ölçerek web sayfalarınızın istatistiklerini verir. Sonraki testlerle karşılaştırmak için grafiğin sonuçlarını kaydedebilirsiniz.
Sayfa Performansı Testi
5. Kullanıcı bilgisi
Usersnap, web sitelerinin ekran görüntülerini almanızı ve biçimlendirme çizimleri ve yorumlar ekleyerek bunlara açıklama eklemenizi sağlar. Ayrıca bir piksel cetveliyle birlikte gelir ve Slac, Trello ve JIRA gibi çeşitli proje yönetimi araçlarıyla doğrudan entegre olabilir.
Etkili bir geri bildirim sürecini mümkün kıldığından, bu liste Usersnap olmadan tamamlanmayacaktır. Ancak, 14 günlük ücretsiz deneme süresi olan ücretli bir hizmettir.
Usersnap
6. JavaScript'i devredışı bırak
Disable JavaScript, adından da anlaşılacağı gibi, web sitelerinde veya yalnızca belirli sekmelerde JavaScript'i kapatmanıza olanak tanır. Açık/kapalı varsayılan JS durumuna ve etki alanı/sekmeye göre varsayılan devre dışı bırakma davranışına sahip olacak şekilde özelleştirebilirsiniz.
JavaScript'i devredışı bırak
7. Web Geliştirici Kontrol Listesi
Web Geliştirici Kontrol Listesi uzantısı, sitenizin en iyi tasarım ve geliştirme uygulamalarına göre ne kadar kullanılabilir olduğuna dair size genel bir bakış sunar.
Simgeye tıklamak, sitenizin SEO'su, uygun URL'ler, favicon vb. hakkında, yanlarında geçiş olduğunu belirten onay işaretleri ile sizi bilgilendirir.
Web Geliştirici Kontrol Listesi
8. React Geliştirici Araçları
React'in popülaritesinin görünüşte bitmeyen yükselişiyle, React geliştiricileri neredeyse her gün doğuyor ve React ekibi onları kapsıyor.
React Developer Tools size bir React ağacını durumu, donanımları, hiyerarşisi vb. ile birlikte inceleme yeteneği verir. Etkinleştirmek için , Firefox devtools'u başlatın ve React sekmesine geçin.
Ayrıca Vue geliştiriciler için Vue.js devtools biçiminde bir sürüm de bulunmaktadır.
React Geliştirici Araçları
9. ColorZilla
ColorZilla, geliştiricilerin ve grafik tasarımcıların farklı web sayfalarından renk seçmeleri için mükemmel bir araçtır.
Ayrıca bir damlalık, gradyan oluşturucu, palet tarayıcı ve renk geçmişi içerir.
ColorZilla
10. Evernote Web Clipper
Evernote Web Clipper, web sayfalarının ekran görüntülerini almanızı sağlar ve bunları otomatik olarak Evernote'unuza kaydeder Ek açıklamalar yapabileceğiniz ve ekip üyeleriyle paylaşabileceğinizhesap.
Evernote Web Clipper
11. Çerez Yöneticisi
Çerez Yöneticisi, çerezleri istediğiniz yerde görüntülemenizi, eklemenizi, düzenlemenizi, silmenizi ve aramanızı sağlayan güvenlik bilincine sahip bir uzantıdır. ihtisas.
Çerez Yöneticisi'nin daha da güzel yanı, çerezleri alanlar arasında dışa ve içe aktarabilmenizdir.
Çerez Yöneticisi
12. CSS ve LESS için Canlı Düzenleyici
CSS ve LESS için Canlı Düzenleyici, CSS/LESS kodunu doğrudan tarayıcınıza yazmanıza olanak tanır. Kodunuz hemen yürürlüğe girer ve site düzeyinde tarayıcınızın yerel deposuna kaydedilir.
Sayfa içi düzenleyicide otomatik tamamlama, güzelleştirme, linterleme vb. özellikler bulunur. Kontrol etmelisiniz.
CSS için canlı düzenleyici
Listelenen uzantılardan herhangi birini beğendiniz mi veya kullanabileceğimiz bir listeniz var mı? Yorumlar bölümü aşağıdadır.