Bir geliştirici için, her vazife için oldukca sayıda hususi vasıta kullanmak telaşlı olabilir. Sadece, web tarayıcısı eklentileri, tek bir tarama platformundan çeşitli özelliklere erişim sağlayarak sizi daha üretken hale getirebilir.
Tüm üst tarayıcılar profesyoneller için uzantılarla beraber gelir. Microsoft Edge kullanıyorsanız, bazı tarayıcı eklentileriyle geliştirme görevleriniz kolaylaşabilir. Burada, web geliştiricilerinin kullanımı ihtiyaç duyulan en iyi Microsoft Edge eklentilerini tartışacağız.
React Developer Tools, web tarayıcısı için bir DevTools eklentisidir. Edge DevTools’unuza Bileşenler ve Profil Oluşturucu adlı iki yeni sekme ekler. Açık kaynaklı eklentinin bir sayfanın React ağacına erişmek için izninize ihtiyacı olacaktır.
Bileşenler sekmesi, alt bileşenlerle beraber sayfanın kök React bileşenlerini görüntüler. Sağ paneldeki geçerli sahne malzemelerini, durumunu ve kancalarını incelemek ve düzenlemek için ağaçtan herhangi bir bileşeni seçin.
Bir uygulamanın React.js içerip içermediğini öğrenmek için de bu eklentiyi kullanabilirsiniz. Geliştiriciler Profiler sekmesini kullanarak performans bilgilerini kaydedebilir.
GitHub kodunu çözümleme etmekle ilgiliyseniz, Octotree eklentisi GitHub kod incelemesi ve keşfi deneyimini artırabilir. Size IDE benzeri bir kod ağacı gösterir ve dosya ve klasör aramaları gerçekleştirmenizi sağlar.
Bu yüksek performanslı eklenti, her boyuttaki depolarla çalışabiliyor. Ek olarak, hususi depoları destek sunar ve çekme isteklerine, repo’ya, dosyalara ve sorunlara yer işareti koymasına izin verir.
Bazı ek özellikler elde etmek için bu eklentinin PRO sürümüne de abone olabilirsiniz. Bunlar içinde birden oldukca GitHub hesabı ve GitHub Enterprise desteği, birden oldukca sekme, kod yazı tipi ayarları, çekme isteği kodu incelemesi, dosya simgesi temaları ve yerleştirme konumunu değişiklik yapma yer alır.
Web için Erişilebilirlik Öngörüleri, çeşitli web uygulamalarında ve web sitelerinde erişilebilirlik sorunlarını bulmanıza ve düzeltmenize olanak elde eden bir Microsoft Edge tarayıcı eklentisidir. Ortalama 50 erişilebilirlik hükmüne uygunluğu denetlemek için kullanabilirsiniz.
Açık talimatlar ve görsel destek yardımıyla, klavye tuzakları, noksan sekme durakları ve yanlış sekme sırası da dahil olmak suretiyle mühim klavye erişim sorunlarını süratli bir halde belirleyebilirsiniz.
Ek olarak, birkaç dakika içinde yaygın sadece yüksek etkili erişilebilirlik sorunlarını bulmak için iki adımlı bir işlem gerçekleştirmenize destek sağlar. Sadece, bu eklentiyi kullanmak için Microsoft Edge Insider v.75 yada sonraki bir düzeyine ihtiyacınız vardır.
Bir sayfanın HTML kodunu çözümleme, geliştiricinin sık kullanılan bir görevidir. Tasarım Analizi eklentisinin yardımıyla, bu sayfanın çeşitli bileşenlerini etkinleştirip dönem dışı bırakarak bir HTML sayfasını çözümleyebilirsiniz.
İç ve dış (yazdırma ve el tipi dahil) CSS’yi dönem dışı bırakmanıza, görüntüleri ve arka plan görüntülerini gizlemenize, görüntü alternatif niteliklerini görüntülemenize, anahat başlıklarını, çerçeveleri, dış bağlantıları, tabloları, kayan öğeleri vb.
Ek olarak, bu eklenti gizli saklı öğeleri görüntülemenize, görüntüleri ve harici CSS’yi tekrardan yüklemenize, kaynak kodunu görüntülemenize, sayfaları doğrusallaştırmanıza ve tüm bağlantıları ziyaret edilen yada ziyaret edilmemiş olarak işaretlemenize destek olan çeşitli araçlarla beraber gelir.
Bu eklenti, kişisel olarak tanımlanabilir verileri depolamaz yada paylaşmaz. Emek vermesi için ihtiyaç duyulan tüm bilgiler cihazınızda kalır.
Geliştiriciler, MHTML eklentisi olarak kaydet’i kullanarak geçerli web sayfasını MHTML (MIME HTML)/MHT biçiminde kaydedebilir. Eklenti, zahmetsiz kullanım için bir vasıta çubuğu düğmesiyle beraber gelir. Tüm çevrimiçi bağlantıları çevrimdışı bir şekilde kaydeder.
MHTML, web sayfası içeriğini çevrimdışı görüntüleme için kaydeden bir arşiv dosyası biçimidir. Dosya türü, işlem esnasında görüntüler, uygulamalar ve Flash animasyonları şeklinde tüm kaynakları HTML belgelerine dahil eder.
Eklenti, MHTML dosyasına kaydetmeden ilkin sayfanın web sayfası içeriğini düzenlemek için kullanabileceğiniz iki değişik vasıta vardır.
Metin biçimini kalınca ve italik olarak değişiklik yapma, görüntü ekleme yada herhangi bir içinde ne olduğu kaldırma şeklinde görevler için tasarım modunu seçebilirsiniz. Yada sayfanın bir bölümünü seçebilir ve bu eklentiden yeni bir belge yapmasını isteyebilirsiniz.
Geliştiricilerin çerezlerle olmazsa olmaz bir ilişkisi vardır. Cookie-Editor, web sayfası geliştirme ve kontrol aşamasında standart çerez işlemlerini gerçekleştirmenizi elde eden kuvvetli bir eklentidir.
Bu eklenti, çerezleri manuel olarak yönetmenize olanak tanıyan kullanımı kolay bir arayüzle beraber gelir. Yardımıyla, sekmede kalırken çerezleri süratli bir halde oluşturabilir, düzenleyebilir ve silebilirsiniz.
Çerez Düzenleyicisi tek bir tıklamayla geçerli sayfanın tüm çerezlerini siler. Ek olarak çerezleri metin biçiminde içe/dışa aktarabilir.
Düğüm.js V8, Düğüm.js geliştirme döngünüzü kolaylaştırmak için Edge DevTools ile kullanabileceğiniz bir eklentidir. Edge DevTools’un pencere/sekme yaşam döngüsünü yönetebilir, böylece kodunuzda hata ayıklamaya odaklanmak için daha çok vakit elde edersiniz.
Düğüm.js V8 eklentisi, DevTools arabirimini hem el ile hem de otomatikman denetlerken mahalli ve uzaktan hata ayıklama oturumlarını izlemenizi sağlar. VsCode düğüm işlemlerinde hata ayıklamak ve v8 Inspector’ın probları arasındaki süreyi özelleştirmek için de kullanabilirsiniz.
Yardımıyla, Edge DevTools’u bir sekmede yada pencerede otomatikman açıp kapatabilir ve DevTools’u başlangıçta etkin yada etkin olmayan hale getirebilirsiniz. İnceleme özelliği, düğümü çalıştırırken oluşturulan URL’yi otomatikman algılayarak DevTools URL’sini kopyalamaktan ve yapıştırmaktan sizi ayırır.
BugReplay ilk olarak bir ekran kaydı ve ağ hata ayıklaması için kullanılan bir eklentidir. Ekranınızı JavaScript konsol iletileri ve ağ trafiğiyle senkronize olarak kaydetmenize destek sağlar. Bu eklenti yardımıyla, tek yapmanız ihtiyaç duyulan hataları gerçek zamanlı olarak yakalamak için adımları tekrardan izlemektir.
Bir geliştiricinin son kullanıcılarla yada destek yöneticileriyle ileri geri kontakt kurmasına gerek kalmamıştır. Kaydedilen bilgilerden hatanın ne vakit ve nerede oluştuğunu sorunsuz bir halde bulabilir ve problemi kısa sürede çözebilirler.
BugReplay eklentisiyle hatayı kaydetmek kolaylaşır. Hatayı iş arkadaşlarınızla paylaşmadan ilkin de inceleyebilirsiniz. Eklenti ek olarak her insana açık hale getirmek için bir seçenek sunar.
Geliştirme için Favori Kenar Eklentilerinizi Seçin
Microsoft Edge eklentilerinin bu listesini gözden geçirerek, web ve uygulama geliştirme çalışmalarında size destek olacakları seçebilirsiniz. Ihmal etmeyin, Microsoft Edge’in düzgüsel kullanıcılar için başka eklentileri de vardır. Parola yönetimi şeklinde öteki görevler için ana uzantılara göz atabilir ve bulabilirsiniz.