Bir geliştirici için, her görev için çok sayıda özel araç kullanmak telaşlı olabilir. Ancak, web tarayıcısı eklentileri, tek bir tarama platformundan çeşitli özelliklere erişim sağlayarak sizi daha üretken hale getirebilir.
Tüm en iyi tarayıcılar, profesyoneller için uzantılarla birlikte gelir. Microsoft Edge kullanıyorsanız, bazı tarayıcı eklentileriyle geliştirme görevleriniz daha kolay hale gelebilir. Burada, web geliştiricilerinin kullanması gereken 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 Profiler adlı iki yeni sekme ekleyecektir. Açık kaynaklı eklenti, bir sayfanın React ağacına erişmek için izninize ihtiyaç duyacaktır.
Bileşenler sekmesi, alt bileşenlerle birlikte sayfanın kök React bileşenlerini görüntüler. Sağ panelde mevcut desteklerini, 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, Profil Oluşturucu sekmesini kullanarak performans bilgilerini kaydedebilir.
GitHub kodunu analiz etmekle ilgileniyorsanız, Octotree eklentisi GitHub kod inceleme ve keşfetme deneyimini iyileştirebilir. Size IDE benzeri bir kod ağacı gösterir ve dosya ve klasör aramaları yapmanızı sağlar.
Bu yüksek performanslı eklenti, her boyuttaki depolarla çalışabilir. Ayrıca, özel depoları destekler ve çekme isteklerini, depoları, dosyaları ve sorunları işaretlemenize olanak tanır.
Bazı ek özelliklerden yararlanmak için bu eklentinin PRO sürümüne de abone olabilirsiniz. Bunlar, birden çok GitHub hesabı ve GitHub Enterprise desteği, birden çok sekme, kod yazı tipi ayarları, çekme isteği kodu incelemesi, dosya simgesi temaları ve yerleştirme konumunu değiştirmeyi içerir.
Web için Erişilebilirlik Öngörüleri, çeşitli web uygulamalarındaki ve web sitelerindeki erişilebilirlik sorunlarını bulmanızı ve düzeltmenizi sağlayan bir Microsoft Edge tarayıcı eklentisidir. Yaklaşık 50 erişilebilirlik koşuluna uygunluğu kontrol etmek için kullanabilirsiniz.
Net talimatlar ve görsel bir yardımcı sayesinde, klavye tuzakları, eksik sekme durakları ve yanlış sekme sırası dahil olmak üzere hayati klavye erişim sorunlarını hızla belirleyebilirsiniz.
Ayrıca, birkaç dakika içinde yaygın ancak etkisi yüksek erişilebilirlik sorunlarını bulmak için iki adımlı bir işlem gerçekleştirmenize yardımcı olur. Ancak bu eklentiyi kullanmak için Microsoft Edge Insider v.75 veya sonraki bir sürümüne ihtiyacınız var.
Bir sayfanın HTML kodunu analiz etmek, bir geliştiricinin sık yaptığı bir görevdir. Tasarım Analizi eklentisinin yardımıyla, o sayfanın çeşitli bileşenlerini etkinleştirip devre dışı bırakarak bir HTML sayfasını analiz edebilirsiniz.
İlişkili: Herkesin Web Sitelerine Ekleyebileceği Harika HTML Efektleri
Dahili ve harici (basılı ve el tipi dahil) CSS'yi devre dışı bırakmanıza, görüntüleri ve arka planı gizlemenize olanak tanır görüntüler, görüntü alt niteliklerini görüntüleme, anahat başlıkları, çerçeveler, dış bağlantılar, tablolar, kayan öğeler ve yakında.
Ayrıca bu eklenti, gizli öğeleri görüntülemenize, yeniden yüklemenize yardımcı olan çeşitli araçlarla birlikte gelir. görüntüler ve harici CSS, kaynak kodunu görüntüleyin, sayfaları doğrusallaştırın ve tüm bağlantıları ziyaret edildi veya ziyaret edildi olarak işaretleyin. ziyaret edilmemiş.
Bu eklenti, kişisel olarak tanımlanabilir herhangi bir veri depolamaz veya paylaşmaz. Çalışması için gereken tüm bilgiler cihazınızda kalır.
Geliştiriciler, MHTML Olarak Kaydet eklentisini kullanarak mevcut web sayfasını MHTML (MIME HTML)/MHT biçiminde kaydedebilir. Eklenti, zahmetsiz kullanım için bir araç çubuğu düğmesiyle birlikte gelir. Tüm çevrimiçi bağlantıları çevrimdışı bir biçimde 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 sırasında görüntüler, uygulamalar ve Flash animasyonları gibi tüm kaynakları HTML belgelerine dahil eder.
Eklenti, MHTML dosyasına kaydetmeden önce sayfanın web sayfası içeriğini düzenlemek için kullanabileceğiniz iki farklı araca sahiptir.
Metin biçimini kalın ve italik olarak değiştirmek, resim eklemek veya herhangi bir içeriği kaldırmak gibi görevler için tasarım modunu seçebilirsiniz. Veya sayfanın bir bölümünü seçip bu eklentiden yeni bir belge yapmasını isteyebilirsiniz.
Geliştiricilerin çerezlerle vazgeçilmez bir ilişkisi vardır. Cookie-Editor, web sayfası geliştirme ve test aşamasında standart tanımlama bilgisi işlemlerini gerçekleştirmenizi sağlayan güçlü bir eklentidir.
Bu eklenti, çerezleri manuel olarak yönetmenize olanak tanıyan, kullanımı kolay bir arayüz ile birlikte gelir. Onun yardımıyla, sekmede kalırken çerezleri hızlı bir şekilde oluşturabilir, düzenleyebilir ve silebilirsiniz.
Tek bir tıklama ile, Cookie-Editor mevcut sayfanın tüm tanımlama bilgilerini siler. Ayrıca çerezleri metin biçiminde içe/dışa aktarabilir.
Node.js V8, Node.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 fazla zamanınız olur.
İlişkili: Lastik Ördek Hata Ayıklama Nedir?
Node.js V8 eklentisi, DevTools arabirimini hem manuel hem de otomatik olarak kontrol ederken yerel ve uzak hata ayıklama oturumlarını izlemenize olanak tanır. Bunu ayrıca VSCode düğüm işlemlerinde hata ayıklamak ve v8 Inspector'ın araştırmaları arasındaki süreyi özelleştirmek için de kullanabilirsiniz.
Onun yardımıyla, bir sekmede veya pencerede Edge DevTools'u otomatik olarak açıp kapatabilir ve DevTools'u başlangıçta aktif veya pasif hale getirebilirsiniz. İnceleme özelliği, düğümü çalıştırırken oluşturulan URL'yi otomatik olarak algılayarak sizi DevTools URL'sini kopyalayıp yapıştırmaktan kurtarır.
BugReplay, öncelikle bir ekran görüntüsü ve ağ hata ayıklaması için kullanılan bir eklentidir. JavaScript konsol mesajları ve ağ trafiği ile senkronize olarak ekranınızı kaydetmenize yardımcı olur. Bu eklenti sayesinde tek yapmanız gereken, hataları gerçek zamanlı olarak yakalamak için adımları yeniden izlemek.
Bir geliştiricinin son kullanıcılar veya destek yöneticileri ile ileri geri iletişim kurmasına gerek yoktur. Kaydedilen bilgilerden hatanın ne zaman ve nerede oluştuğunu sorunsuz bir şekilde bulabilir ve sorunu anında çözebilirler.
BugReplay eklentisi ile hatayı kaydetmek kolaylaşıyor. Ayrıca, iş arkadaşlarınızla paylaşmadan önce hatayı inceleyebilirsiniz. Eklenti ayrıca herkese açık hale getirme seçeneği de sunar.
Geliştirme için Favori Edge Eklentilerinizi Seçin
Bu Microsoft Edge eklentileri listesini gözden geçirerek, web ve uygulama geliştirme çalışmalarında size yardımcı olacakları seçebilirsiniz. Microsoft Edge'in normal kullanıcılar için başka eklentileri olduğunu unutmayın. Parola yönetimi gibi diğer görevler için genel uzantılara göz atabilir ve bulabilirsiniz.
Tüm farklı parolalarınızı hatırlamak zor olabilir, bu nedenle zahmetsiz parola yönetimi için en iyi dokuz Microsoft Edge eklentisini burada bulabilirsiniz.
Sonrakini Oku
- Programlama
- Microsoft Kenarı
- Tarayıcı Uzantıları
- Web Geliştirme
Tamal, MakeUseOf'ta serbest yazar. Teknoloji, finans ve iş alanlarında önemli deneyimler kazandıktan sonra Bir bilişim danışmanlık şirketindeki önceki işinde, 3 yıl önce yazarlığı tam zamanlı bir meslek olarak benimsedi. Üretkenlik ve en son teknoloji haberleri hakkında yazmasa da Splinter Cell oynamayı ve Netflix/ Prime Video'yu aşırı derecede izlemeyi seviyor.
Haber bültenimize abone ol
Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!
Abone olmak için buraya tıklayın