Web Geliştiriciler İçin Önemli Chrome Uzantıları

Araçlar, Web Araçları 24 Tem 2013
Web Geliştiriciler İçin Önemli Chrome Uzantıları

Web üzerinde çalışmak zamanınızın büyük bir kısmını bilgisayar başında geçirmenizi gerektiriyor. Eğer çalışmak için tercih ettiğiniz tarayıcı Google Chrome ise günlük işlerinizi angarya olmaktan çıkarmanız mümkün. Chrome uzantılarını ekleyerek zönemli işlevleri kolayca yerine getirebilirsiniz.

Bu yazımızda web tasarımcılar ve geliştiriciler için günlük görevlerine faydalı olacağını düşündüğümüz en iyi Google Chrome uzantılarını aktardık…

1. Firebug Lite

chrome firebug

Birçok web geliştiricisi için elzem olan uzantılardan biri. Firebug size ağ performansı ve faaliyetlerini analiz etme, düzenleme, HTML düzenleme ve denetleme, herhangi bir web sayfasında CSS ve JavaScript kullanma imkânı sunuyor. Bu Chrome uzantısı, web geliştirme araçları için bir alternatif değil; fakat size hata ayıklamak için pratik bir yol sunuyor.

JavaScript ile yazılmış bu eklenti araç çubuğuna entegre oluyor ve sayfa üzerinde belirlediğiniz alanlarda etkinleştirilebiliyor.

2. Web Developer

web chrome araçları

Uzun süre Firefox eklentilerinin resmi portu olan Web Developer, bir araç çubuğunda yer alıyor ve web sayfalarını analiz etme, kodlarınızı anında test etme dâhil zengin seçenekler sunuyor.

Web Developer Firefox’taki gibi zengin özelliklere sahip olmasa da çeşitli değerli araçları, gizli ögeleri gösterme ve formları doldurma özelliği, tarayıcı önbelleği kontrolü ve hızlı bir şekilde değiştirilebilir stiller arası geçiş özelliği oldukça elverişli.

3. Session Manager

chrome web geliştirici

Web üzerinde çalışırken, tarayıcı sekmelerinin yönetimi “tab happy” özelliği ile çok daha kolay. Session Manager tarama durumunu daha sonra oturumu yeniden açmanızı kolaylaştırmak için kaydediyor. Kendinizi tekrar tekrar aynı web sayfalarını açarken bulmamanız açısından oldukça faydalı.

Örneğin en sevdiğiniz haber ya da sosyal ağ sitelerini kendi oturumlarınızı oluşturarak uzantı grupları ve kaydedilen ilgili sekmeler ile kurtarabilir ve istediğiniz web sitesine tek tek açmak zorunda kalmadan hızlı bir şekilde erişebilirsiniz.

4. Clear Cache

chrome web araçları

Chrome’un basit ama fevkalade kullanışlı uzantısı Clear Cache, araç çubuğundan önbelleği temizlemenizi sağlıyor. Herhangi bir pop-up veya onay diyaloğunun sizi rahatsız etmeyeceği şekilde çalışıyor.

Temizlemek istediğiniz önbellek uygulaması, indirilenler, dosya sistemleri, form verileri, tarih, yerel depolama, şifre vb verileri tamamen “Options” ayarlarından özelleştirebiliyorsunuz. Bu uzantıyı “Edit This Cookie” uzantısı ile birleştirerek önbelleğiniz ve çerezleriniz üzerindeki kontrolü ele almanız mümkün.

5. Chrome Sniffer

chrome çözünürlük test

Deneyimli web geliştiricileri web sitelerin kaynak kodunu kullanılan sistem ve teknolojileri anlamak için incelerken hatta Built With gibi bir kaynak kullanırken; Chrome’u kullanmak daha uygun oluyor.

Sniffer, bilinen tüm JavaScript kütüphanelerini ve web sitelerin kullandığı CMS sistemlerini algılıyan bir Chrome uzantısı.

6. JSONView

chrome java

RESTful API ile çalışan bir geliştirici için tarayıcı üzerinde JSON verisi okumak oldukça zor olabiliyor. İyi şekillendirilmiş bir JSONView, ham veri formatından daha kolay okunabilir. Chrome’un uzantısı olan JSONView (resmi bir uzantı olmayan Firefox eklentisi) tarayıcınızda JSON belgelerini görüntülemenizde size yardımcı olabilir.

İndirmek ya da metin olarak işlemek için zorlanmak yerine uzantı ile benzer tarayıcıda XML belgelerinin görüntüleyebilirsiniz.

7. Resolution Test

web geliştiriciler

Web sitenizin farklı çözünürlüklerdeki görünümü için test süreci, birçok web tasarımcı ve geliştirici için sabır gerektiren bir iştir. Bu Chrome uzantısı bir çözünürlük testi olsa da, süreci etkili bir şekilde basitleştiriyor. Resolution Test, tarayıcı penceresinin boyutunu çözünürlükleri önizlemede görünteleyebilmek için değiştiriyor.

8. Edit This Cookie

chrome çerezler

Chrome’da iyi bir çerez yöneticisi eksikliğinin sonucu ortaya çıkan uzantı bu rolü dolduruyor. Temiz ve düzenli arayüzü olan uzantı ile çerezleri düzenleyebilir, ekleyebilir, silebilir ve engelleyebilirsiniz. Edit This Cookie uzantısı ile aynı zamanda mevcut çerezlerinizin değerlerini ve özelliklerini değiştirebilirsiniz.

9. Page Speed Insight

web araçları chrome

Google tarafından oluşturulan Page Speed Insights, sayfa yüklenmesini kaynaklar, DOM, ağ ve zaman çizelgesi de dâhil olmak üzere tüm yönleriyle analiz ediyor ve daha hızlı hale getirmek için öneriler sağlıyor.

Bu Chrome uzantısı, iyileştirme için özel öneriler veriyor ve geçerli sayfada sayısal bir skor üretiyor. Bir sayfa analiz edilirken Page Speed, web performansında önem ve öncelik sıralamasında göre en iyi uygulamaları listeliyor.

10. Postman-REST Client

web geliştiriciler chrome

Temiz, kullanımı kolay arayüzü ve zengin özellikleri ile Postman-REST Client; REST uygulamasını geliştirirken isteklerinizi test etmek için ideal bir yol. Uzantı, bulutları oluşturmak ve buralarda test yapmak için de oldukça yararlı.

Bu Chrome uzantıları, web geliştiricilerinin günlük iş süreçlerini kısaltmak ve zaman yönetimi için ideal…

Mutluluk paylaştıkça artar :)
← Google Chromecast’ı Duyurdu! Apple MacBook Air Sadece 11 inch! →

Yazar Hakkında

Tuğba Ayvaz
Tuğba Ayvaz
Ankara Üniversitesi Siyasal Bilgiler Fakültesi, Uluslararası İlişkiler Bölümünden mezun olduktan sonra AIESEC uluslararası staj platformunda aktif görev aldı. Tuğba, DijitalAjanslar.com içeriklerini koordine ediyor ve ajanslarla iletişimi sağlıyor.