Geliştiriciler için 25 Farklı Google Chrome Eklentisi

Geliştiriciler için 25 Farklı Google Chrome Eklentisi

Geliştiriciler için 25 Farklı Google Chrome Eklentisi

Yazılım geliştirme ve test2 mertebesinde Google Chrome ile beraber kullanabileceğiniz 25 değişik Google Chrome eklentisinden söz edeceğiz. Yeni nesil Microsoft Edge ve Opera tarayıcısı da Chromium tabanlı olduğundan bu tarayıcılar üzerine de bu eklentileri kurabilirsiniz.

[Resim: 0*-ZkVmshxgFWRKnGR.jpg>1. Web Developer

[Resim: 0*i5Mpoel09-edLO0y.png>Web Developer, bir web geliştiricisi için ihtiyaç duyulan ne varsa hepsini barındırıyor diyebiliriz. İster front-end, ister back-end geliştiricisi olun, bu eklentiyi netlikle kurmalısınız. Tarayıcının Javascript desteğini pasife alma, Css tertip etme, 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

[Resim: 0*pHggCz4p35d5rLFR.jpg>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 tecrübe ele geçirebilirsiniz.
Eklentiyi indirmek için tıklayınız.
3. JavaScript and CSS Code Beautifier

[Resim: 0*CmDGPpumVkyI2l-z.png>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

[Resim: 0*cb0O8TSUdMWTnW1V.png>Wappalyzer, internet sitelerinde kullanılan teknolojileri çözümleme eden bir eklentidir. Kullanaılan yazılım teknolojilerini, muhteva idare sistemlerini, e-ticaret platformlarını, istatistik araçlarını ve daha fazlasını idrak eder.
Eklentiyi indirmek için tıklayınız.
5. TinEye

[Resim: 0*DlHMtWuFSXZZcwxb.jpg>Web üzerinde kullanılan bir görselin kaynağını, özelliklerini ve başka internet sitelerinde kullanılıyorsa farklı çözünürlüklerini görüntüleyebilirsiniz.
Eklentiyi indirmek için tıklayınız.
6. ViewImage

[Resim: 0*hmireTakTYLtGYJz.jpg>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

[Resim: 0*XBYbw3B_MbiUcZmB.jpg>Kod yazarken odaklanma problemi yaşıyorsanız ve odaklanmanız şart olan dışında farklı sitelere giriyorsanız, bu eklenti ile yalnızca tanımlara sitelere müsaade edebilir veya yasak getirebilirsiniz.
Eklentiyi indirmek için tıklayınız.
8. JSON Formatter

[Resim: 0*lpax3DXBgt1tfmnw.png>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

[Resim: 0*kR9l6tZmbXtg8psU.png>Tarayıcı üzerinde XML dosyalarını daha okunalı, renklendirilmiş bir şekilde görmenize ve Xpath kullanmanıza imkan sağlar.
Eklentiyi indirmek için tıklayınız.
10. Lorem Ipsum Generator (Default Text)

[Resim: 0*T6fPt4VljlEpRd7R.png>Bilhassa test kullanıcıları tarafından seçenek 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 tümce sayısına göre metinler oluşturabilirsiniz.
Eklentiyi indirmek için tıklayınız.
11. Corporate Ipsum

[Resim: 0*NlztrEilM7_SWx3h.png>Bir diğer Lorem Ipsum alternatifi olan Corporate Ipsum eklentisiyle de rastgele metinler üretebilirsiniz. Lorem Ipsum eklentisinden değişik olarak üretmiş olduğunuz metinler Lorem Ipsum metinleri değil biraz daha manalı İ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

[Resim: 0*UFu2jCXW3qtzq8G8.jpg>Rastgle metinler üretip kopyalamak zor geliyorsa, test2 işlemlerine hız katacak bu eklenti ile bir web uygulamasındaki formlara ait tüm alanları tek bir tıklama ile her seferinde değişik veriler oluşturacak şekilde doldurabilirsiniz. Test2 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

[Resim: 0*BxkkrNsWU3_fKQaC.png>Tarayıcınızda açık bir sayfanın (internet sitesinin) bir bölümü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

[Resim: 0*ITv14T-5pRWVfbTD.png>WhatFont ile internet siteleri üzerinde kullanılan fontları ve bu fontların stillerini ayrıntılı bir şekilde öğrenebilirsiniz.
Eklentiyi indirmek için tıklayınız.
15. Stylebot

[Resim: 0*6Ee_bwDOAZCU7QLD.png>İnternet 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 farklıkları gibi canlı farklıklar yapabilirsiniz.
Eklentiyi indirmek için tıklayınız.
16. SEO Analysis & Website Review by WooRank

[Resim: 0*LkBKiMhTciJhDbFr.jpg>Tek bir eklenti üzerinden internet sitenizin seo ve sosyal medya analizleriyle alakalı ayrıntılı raporları alabilir ve site içerisinde yapılan arayüz taraflı kodlama hatalarını görebilirsiniz. SEO Analysis & Website Review eklentisi, bu arada alan isimi ve marka analizi gibi bir hayli farklı özellik sunuyor.
Eklentiyi indirmek için tıklayınız.
17. Postman

[Resim: 0*BPqYOyISJn9e8cfR.png>Bilhassa 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 neticelerine göre uygulamanızı çözümleyebilirsiniz. Postman fiyatsız bir eklenti olmakla birlikte Jetpacks isminde ek özellikler sağlayan fiyatlı bir sürümü de mevcut.
Eklentiyi indirmek için tıklayınız.
18. DHC Rest Client

[Resim: 0*JsoN3mKHyMGwRCdk.png>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 gizleme gibi ayrıntılı bir çok özelliği mevcut.
Eklentiyi indirmek için tıklayınız.
19. Super History & Cache Cleaner

[Resim: 0*65CjCPzJed0pgxsh.jpg>Uygulama geliştirme mertebesinde 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

[Resim: 0*xlH9wCVglZGNAmDw.png>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

[Resim: 0*2ggDWY0QRY1F9Ha5.png>Tek bir tıklama ile internet sitenizdeki kodlama hatalarını, meta yaftaları, eksik tanımlamaları vb. hemen hemen 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

[Resim: 0*fH5AKi9zl64EIQv0.jpg>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

[Resim: 0*uTyaoEUDp5Lppfdm.jpg>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

[Resim: 0*8j8FoVPczEEcTL84.jpg>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

[Resim: 0*S0BXZMeN_NodQ5SG.jpg>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.

Tepkileriniz Nedir?

like
0
dislike
0
love
1
funny
0
angry
0
sad
0
wow
0