Dikkatinizi Çekebilir

Web geliştirimini basitleştiren 15 crome eklentisi

Bir web geliştiricisi olarak çalıştıkça, muhtemelen tercih ettiğiniz tarayıcıyı kullanarak çok fazla zaman harcar. Hemen hemen her tarayıcının perde arkasında neler olduğunu görmenize izin veren kendi geliştirici araçları bulunurken bazıları geliştirme sürecini düzene sokmanıza yardımcı olan pek çok uzantıya sahiptir.

Bu yazıda, web geliştiricileri için en sevdiğimiz Chrome uzantılarını topladık.

1. Web Developer

Web Developer Tools herhangi bir geliştiricinin en kullanışlı uzantılarından biridir. Chrome'a, bağlantı bilgilerini, görüntü boyutunu görüntüleme, JavaScript'i görüntüleme ve daha pek çok şey yapmanıza olanak tanıyan çeşitli araçlarla Chrome'a ​​bir araç çubuğu ekler. Uzantı yalnızca Chrome için değil, aynı zamanda Firefox ve Opera için de kullanılabilir.

2. Erişilebilirlik Web Developer Tools

Milyonlarca insan özürlüler de dahil olmak üzere İnternet'i kullanıyor. Bu, sitelerinize düzgün erişilebilir olmasını sağlamak şarttır. Google tarafından sunulan bu uzantı , herhangi bir web sayfasında bir erişilebilirlik denetimi gerçekleştirmenize ve Chrome Geliştirici Araçları'na bir Erişilebilirlik kenar çubuğu bölmesi eklemenize izin verir. Kullanmak için, Denetimler sekmesini tıklayın, Erişilebilirlik denetimini seçin ve Çalıştır'ı tıklayın. Sayfa kuralları ihlal ederse, sayfada bir veya daha fazla rahatsız edici öğe içeren bir liste olarak görünürler.

3. Duyarlı Tasarım Deneycisi

Bir sayfanın farklı aygıtlara nasıl tepki verdiğini sınamak için Duyarlı Tasarım Denetleyicisi uzantısını kullanın. Hem mobil cihazın boyutunu hem de tarayıcısını yansıtır ve çeşitli iOS ve Android cihazlar için ön ayarlarla birlikte gönderilir. Ayrıca, yerel olarak siteler geliştirirken yararlı olan çevrimdışı modda da çalışır.

4. Wampalyzer

Dahili Kullanımı'nı şimdiye kadar kullandıysanız, Waffalyzer'in arkasındaki kavrama aşina olacaksınız . Bu uzantı, içerik yönetim sistemleri, e-ticaret platformları, web sunucuları, JavaScript çerçeveleri, analiz araçları ve çok daha fazlasını tespit eder. Bunun üzerine, aynı zamanda bir Firefox eklentisi olarak da mevcuttur.

5. PerfectPixel

Bu uzantı sayesinde tasarımın ortaya çıkan kodu mükemmel şekilde eşleştireceğinden emin olabilirsiniz. Uzantıyı kurmanız yeterlidir ve gelişmiş HTML koduyla karşılaştırmak için web sayfanızın üstüne yarı şeffaf bir görüntü yerleşimi yerleştirmenize izin verecektir. Yer paylaşımları her site için ayrı olabilir ve gezinme oturumları arasında kaydedilir.

6. Rafine GitHub

GitHub'ın kullanıcı arabirimi tarafından hayal kırıklığına uğradıysanız, bu uzantı bir zorunluluktur. Varsayılan GitHub arayüzünü basitleştirir ve sorunları işaretleme ve istekleri okunmamış olarak çekme, şube başvurularını çekme isteklerine bağlama, Benioku'ya hızlı düzenleme düğmesi ekleme, suçlama görünümünde ebeveyn taahhütleri için suçlama bağlantıları ekleme gibi her türlü ilave özelliği ekler ve daha fazla.

7. CDN Üstbilgileri ve Çerezler

Bu uzantı, tüm HTTP üstbilgilerini ve tanımlama bilgilerini tek bir yerde görmenizi sağlar. Çok hafif ve basittir ve aynı zamanda Akamai yanıt başlıklarını da yükleyebilir. Özel istek başlıklarını ve özel çerezleri ekleyebilir, bunları düzenleyebilir veya silebilir; ayrıca, istek üstbilgileri ve çerezlerini bir CSV dosyasına aktarabilirsiniz.

8. Kullanıcı Aracısı Değiştirici

Kullanıcı aracınızı diğer cihazları ve / veya tarayıcıları parodi olarak değiştirmek için bu uzantıyı kullanın. Farklı ortak kullanıcı aracısı dizeleri arasında hızlı bir şekilde geçiş yapabilir veya Internet Explorer'ı, bir iPhone kullandığınızı veya bir Google Bot olduğunuzu düşünerek kendi ve hileler web sitelerinizi ekleyebilirsiniz. Bu, web sitenizin çeşitli cihazlarda nasıl davrandığını hata ayıklama ve test etmek için kullanışlıdır.

9. JSON Görüntüleyicisi

JSON ve JSONP'yi yazdırmak için beğeninize göre yapılandırabileceğiniz ve katlanabilir düğümler gibi özellikleri içerdiği bir uzantı ; tıklanabilir URL'ler; JSON yazıp yapıştırabileceğiniz ve bir düğme veya kısayol kullanarak sınırsız biçimde biçimlendirebileceğiniz bir Scratchpad; 27 yerleşik temalar ve çok daha fazlası.

10. Bağlantılarımı kontrol et

Birçok bağlantıya sahip sayfaları düzenli olarak düzenlerseniz, bu uzantıyı listenize eklediğinizden emin olun. Bir web sayfasındaki tüm bağlantıları hızla bulabilir ve her birini sizin için kontrol edebilir. Geçerli bağlantıları yeşil ve bozulmuş olanları kırmızı renkte vurguluyor. Uzantı, aynı zamanda Konsol günlüğüne kırık linklerin tam URL'lerini yayınlayacak.

11. Kullanıcı Kullanımı

Bir web geliştiricisi olarak günlük olarak web projelerinizde birden çok kişiyle ortak çalışırsınız. Bu küçük uzantı , mevcut içeriğin ekran görüntülerini oluşturduğu için işbirliği sürecini kolaylaştıracaktır. Çeşitli konularda daha verimli iletişim kurabilir ve diğer geliştiriciler, müşteriler ve bir web projesinde yer alan herkes arasında geribildirim paylaşabilirsiniz.

12. IE Sekmesi

IE Tab , Internet Explorer'ı doğrudan Chrome'daki oluşturma motorunu kullanarak öykünür ve Internet sayfalarınızı IE6'dan IE9'a kadar farklı IE sürümleriyle test etmek için ActiveX denetimlerini kullanmanıza izin verir.

13. DevTools Otomatik Kaydetme

Sınama amacıyla anında değişiklikler yapmak ve daha sonra bu değişiklikleri metin düzenleyicisine yapıştırmak ve bunları sunucuya yüklemek için geliştirici araçlarını kullanmak acı verebilir. Neyse ki bu uzantı , bir web sayfasının CSS ve JS'sinde yapılan değişiklikleri Chrome DevTools ortamı aracılığıyla kaynak dosyasına otomatik olarak kaydettirmenize izin verdiği için hayat kurtarıcı olarak gelir.

14. Chrome MySQL Yönetici

Günlük olarak veritabanlarıyla çalışıyorsanız, bu uzantıyı iş akışınıza eklemeyi düşünün. Bu, MySQL veritabanlarınızı ve tablolarınızı yönetmek için gereken tüm araçları içeren basit bir MySQL istemcisidir. Veritabanlarına bağlanabilir ve bunları yönetebilir, sorguları çalıştırabilir, hızlı ve hafif bir arayüz içinde tablolar oluşturabilir ve silebilirsiniz.

15. Devtools Grunt'unu

Bu şık uzantı , arka plan görevleri için Grunt araçları ekleyerek ve birden fazla proje için görevleri tek bir pencerede yürütmenize izin vererek Chrome'un Geliştirici Araçları'nı genişletir.

İLGİNİZİ ÇEKEBİLİR:   Mona Lisa'nın resmi taslak olduğu belirtildi

Start Up

Blogofis kurucusu ve düzenleyicisi. Tüm medya ve makalelere bildiklerimizi ekliyoruz.

Related Articles

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Dikkatinizi Çekebilir

Close
Close
Close

Adblock Detected

Please consider supporting us by disabling your ad blocker