Geliştiriciler için 25 Farklı Google Chrome Eklentisi
Yazılım geliştirme ve test aşamasında Google Chrome ile birlikte kullanabileceğiniz 25 farklı Google Chrome eklentisinden bahsedeceğiz. Yeni nesil Microsoft Edge ve Opera tarayıcısı da Chromium tabanlı olduğundan bu tarayıcılar üzerine de bu eklentileri kurabilirsiniz.
1. Web Developer
Web Developer, bir web geliştiricisi için gerekli ne varsa hepsini barındırıyor diyebiliriz. İster front-end, ister back-end geliştiricisi olun, bu eklentiyi kesinlikle kurmalısınız. Tarayıcının Javascript desteğini pasife alma, Css düzenleme, sayfa çözünürlük tanımını değiştirme, önbellek temizleme, renk seçim paleti ve cetvel gibi bir çok özellik bu eklenti de mevcut.
Eklentiyi indirmek için tıklayınız.
2. FireBug Lite For Chrome
Firefox’un en popüler geliştirici eklentilerinden biri olan FireBug’ın Chrome için hazırlanmış lite sürümü. Chrome içerisinde gelen Developer Tools sizin için yeterli gelmiyorsa FireBug eklentisi ile daha zengin bir deneyim elde edebilirsiniz.
Eklentiyi indirmek için tıklayınız.
3. JavaScript and CSS Code Beautifier
Tek bir eklenti ile minify edilmiş veya okunması zor Css ve Javascript dosyalarını daha okunaklı hale getirebilirsiniz.
Eklentiyi indirmek için tıklayınız.
4. Wappalyzer
Wappalyzer, web sitelerinde kullanılan teknolojileri analiz eden bir eklentidir. Kullanaılan yazılım teknolojilerini, içerik yönetim sistemlerini, e-ticaret platformlarını, istatistik araçlarını ve daha fazlasını algılar.
Eklentiyi indirmek için tıklayınız.
5. TinEye
Web üzerinde kullanılan bir görselin kaynağını, özelliklerini ve başka web sitelerinde kullanılıyorsa farklı çözünürlüklerini görüntüleyebilirsiniz.
Eklentiyi indirmek için tıklayınız.
6. ViewImage
Google Görseller’den kaldırılan “Görüntüle” butonunu tekrar getirir.
Eklentiyi indirmek için tıklayınız.
7. Simple Blocker
Kod yazarken odaklanma problemi yaşıyorsanız ve odaklanmanız gereken dışında farklı sitelere giriyorsanız, bu eklenti ile sadece tanımlara sitelere izin verebilir veya yasak getirebilirsiniz.
Eklentiyi indirmek için tıklayınız.
8. JSON Formatter
Tarayıcı üzerinde JSON dosyalarını daha okunaklı ve renklendirilmiş bir şekilde görmenizi sağlar.
Eklentiyi indirmek için tıklayınız.
9. XML Tree
Tarayıcı üzerinde XML dosyalarını daha okunalı, renklendirilmiş bir şekilde görmenize ve Xpath kullanmanıza olanak sağlar.
Eklentiyi indirmek için tıklayınız.
10. Lorem Ipsum Generator (Default Text)
Özellikle test kullanıcıları tarafından tercih edilen bu eklenti tek bir tıklama ile istediğiniz ölçülerde rastgele metinler (lorem ipsum metinleri) üretmenizi sağlıyor. Bu eklenti ile istediğiniz paragraf ve cümle sayısına göre metinler oluşturabilirsiniz.
Eklentiyi indirmek için tıklayınız.
11. Corporate Ipsum
Bir diğer Lorem Ipsum alternatifi olan Corporate Ipsum eklentisiyle de rastgele metinler üretebilirsiniz. Lorem Ipsum eklentisinden farklı olarak üretmiş olduğunuz metinler Lorem Ipsum metinleri değil biraz daha anlamlı İngilizce metinler olacaktır. Corporate Ipsum ile oluşturmak istediğiniz metindeki kelime sayısını seçebilirsiniz.
Eklentiyi indirmek için tıklayınız.
12. Form Filler
Rastgle metinler üretip kopyalamak zor geliyorsa, test işlemlerine hız katacak bu eklenti ile bir web uygulamasındaki formlara ait tüm alanları tek bir tıklama ile her seferinde farklı veriler oluşturacak şekilde doldurabilirsiniz. Test işlemi yapan kullanıcılar olan için çok değerli olacağını düşündüğümüz bir eklenti.
Eklentiyi indirmek için tıklayınız.
13. Awesome Screenshot
Tarayıcınızda açık bir sayfanın (web sitesinin) bir kısmının veya tamamının ekran görüntüsünü alabilirsiniz. Sıradan bir ekran görüntüsü alma eklentisine ek olarak görüntü üzerinde çizim yapabilir, notlar alabilir ve vurgulanması gereken alanları seçebilirsiniz.
Eklentiyi indirmek için tıklayınız.
14. WhatFont
WhatFont ile web siteleri üzerinde kullanılan fontları ve bu fontların stillerini detaylı bir şekilde öğrenebilirsiniz.
Eklentiyi indirmek için tıklayınız.
15. Stylebot
Web sitenizi tasarlarken hangi fontu kullanacağınıza, boyutlarına veya renklerine karar veremiyorsanız bu eklenti tam size göre. Stylebot ile Google Chrome üzerinden font ve css değişiklikleri gibi canlı değişiklikler yapabilirsiniz.
Eklentiyi indirmek için tıklayınız.
16. SEO Analysis & Website Review by WooRank
Tek bir eklenti üzerinden web sitenizin seo ve sosyal medya analizleriyle ilgili detaylı raporları alabilir ve site içerisinde yapılan arayüz taraflı kodlama hatalarını görebilirsiniz. SEO Analysis & Website Review eklentisi, aynı zamanda alan adı ve marka analizi gibi birçok farklı özellik sunuyor.
Eklentiyi indirmek için tıklayınız.
17. Postman
Özellikle back-end geliştiriciler için vazgeçilmez olan Postman en çok kullanılan eklentilerden bir tanesidir. Postman ile API taraflı POST, GET vb. tüm testlerinizi hızlı bir şekilde yapabilir ve test sonuçlarına göre uygulamanızı analiz edebilirsiniz. Postman ücretsiz bir eklenti olmakla birlikte Jetpacks adında ek özellikler sağlayan ücretli bir sürümü de mevcut.
Eklentiyi indirmek için tıklayınız.
18. DHC Rest Client
Postman alternatifi olan bu uygulama ile web uygulamalarınıza GET, POST vb. istekler gönderebilirsiniz. Uygulamanın ek parametre gönderme, geçmişi saklama gibi detaylı bir çok özelliği mevcut.
Eklentiyi indirmek için tıklayınız.
19. Super History & Cache Cleaner
Uygulama geliştirme aşamasında test yaparken tarayıcı üzerinde kalan önbellek ve çerezler problem olabiliyor. Super History & Cache Cleaner ile tarayıcınızda tutulan tüm verileri temizleyebilirsiniz.
Eklentiyi indirmek için tıklayınız.
20. Page Ruler
Sayfa tasarımlarınızda ince işçilik çalışmayı seviyorsanız bu eklentiyi de seveceksiniz demektir. Page Ruler ile tarayıcı üzerinde aynı Photoshop programında olduğu gibi bir cetvele sahip olacaksınız.
Eklentiyi indirmek için tıklayınız.
21. Web Developer Checklist
Tek bir tıklama ile web sitenizdeki kodlama hatalarını, meta etiketleri, eksik tanımlamaları vb. neredeyse client taraflı tüm yazılımsal eksiklikleri kontrol eden mükemmel bir eklenti.
Eklentiyi indirmek için tıklayınız.
22. React Developer Tools
React üzerindeki componentleri ve üzerlerinde bulunan props ve state’leri görmemizi sağlayan ve react uygulamalarını debug etmemizi (hata ayıklama) sağlayan facebook tarafından geliştirilmiş eklentidir.
Eklentiyi indirmek için tıklayınız.
23. MobX Developer Tools
MobX, React Developer Tools’a alternatif olarak geliştirilen state yönetimini kontrol etmenizi sağlayan bir eklentidir.
Eklentiyi indirmek için tıklayınız.
24. Redux DevTools
Redux kullanılan projelerde state değişimlerini debug edebileceğimiz bir eklentidir.
Eklentiyi indirmek için tıklayınız.
25. Vue.js devtools
Vue.js ile geliştirilen projelerdeki componentleri ve ve stateleri görmemizi sağlayan ve vue.js uygulamalarını debug etmemizi sağlayan eklentidir.
Eklentiyi indirmek için tıklayınız.
Kaynak: http://www.sinanbozkus.com/gelistiriciler-icin-chrome-eklentileri/
