Ana Sayfa Genel Geliştiriciler için Chrome Eklentileri

Geliştiriciler için Chrome Eklentileri

by Sinan BOZKUŞ
7.895 kez okundu

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

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 Chromefirebug

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

json_viewer

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

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)

lorem_ipsum_generator

Ö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

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

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

tam_sayfa_ekran_goruntusu_almak

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

font_ogrenmek

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

stylebot_eklentisi

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

dhc

Ö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

dhc

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

page_ruller

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

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.

Bunlara da bakmak isteyebilirsiniz

2 yorum

Enes Karademir 20 Mayıs 2016 - 01:38

Eyvallah çok yararlı oldu…

Yanıtla
Caner Eymen 11 Temmuz 2016 - 11:31

Değerli bilgiler, paylaşımınız için teşekkür ediyorum. Emeğinize sağlık.

Yanıtla

Bir Yorum Bırakın