Edge’in yeni web özellikleri geliştiricilere ne sunuyor?

Microsoft Edge’in geliştiricilere yönelik yenilikleri performans ölçümü, hata ayıklama, metin alanları ve yapay zekâ ajanlarıyla etkileşim gibi farklı ihtiyaçlara uzanıyor. Ancak hepsi aynı olgunlukta değil: bazıları Edge sürüm notlarında veya DevTools’ta yer alırken bazıları deneysel; planlanan yerel menü öğesini ise üretimde kullanılabilir bir özellik gibi düşünmemek gerekiyor. 16333940

Tek sayfalı uygulamalardaki geçişleri ölçün

Tek sayfalı uygulamalarda (SPA) kullanıcı bir bölümden diğerine geçerken sayfanın tamamı yeniden yüklenmeyebilir. Bu nedenle yalnızca ilk sayfa açılışını ölçmek, uygulama içindeki yavaş geçişleri anlamaya yetmez.

Edge’in Performance API’sindeki soft-navigation kaydı, kullanıcı etkileşimiyle başlatılan ve aynı belge içinde gerçekleşen geçmiş durumu değişikliklerini bildiriyor. interaction-contentful-paint ise etkileşimle değişen sayfa bölümlerinde yeni içeriğin ekrana gelmesini kaydediyor. Böylece geliştiriciler, uygulama içi geçişin ne zaman gerçekleştiğini ve sonrasında içeriğin ne zaman göründüğünü inceleyebiliyor. Bunlar sorunun nerede olduğunu araştırmaya yarayan ölçüm sinyalleri; performansı kendiliğinden iyileştirmiyor. 3940

JavaScript profiline tarayıcının yaptığı işi de ekleyin

JavaScript Self-Profiling işaretçileri, JavaScript örnekleri arasındaki tarayıcı etkinlikleri hakkında bağlam sağlayabiliyor. Bu etkinlikler arasında stil hesaplama, düzen oluşturma, boyama ve çöp toplama gibi işler bulunuyor. Böylece geliştiriciler, geçen sürenin ne kadarının uygulama kodundan, ne kadarının tarayıcının diğer işlerinden kaynaklandığını ayırt etmeye yardımcı olacak veriler elde edebiliyor. Kullanıma almadan önce özelliğin güncel Edge sürümündeki durumunu ve erişim koşullarını kontrol etmekte fayda var. 1

Ağ isteklerini DevTools’ta tekrar deneyin

Network aracındaki Resend komutu, yakalanmış bir isteği sayfayı yeniden yüklemeden tekrar gönderiyor. Bu, aynı isteğin yinelenince nasıl davrandığını kontrol etmek için kullanışlı. 18

Edit and resend as Fetch akışı ise yakalanan isteği düzenleyip Console’da bir fetch() çağrısı olarak denemeye imkân veriyor. Bu seçenekler istekleri incelerken yapılan işlemleri kolaylaştırıyor; ağ bağlantısını hızlandırmıyor. 118

WebMCP ile siteleri tarayıcı ajanlarına hazırlayın

WebMCP, bir sitenin yapılandırılmış eylemleri veya araçları tarama yapan bir ajana sunabilmesini amaçlayan erken aşamadaki bir yaklaşım. Böylece ajan, yalnızca sayfanın görsel görünümünü yorumlamak yerine sitenin tanımladığı eylemler üzerinden çalışabilir. Microsoft bu özelliği deneme amaçlı sunuyor; tüm kullanıcıların erişebileceği, yaygın olarak kullanılabilir bir özellik olduğunu varsaymamak gerekiyor. 1

Metin alanlarında aralıklarla çalışmak için OpaqueRange

OpaqueRange, metin türündeki bir <input> ya da <textarea> içindeki canlı bir metin aralığını temsil ediyor. Geliştiriciler bu aralıkları kullanarak form alanındaki belirli bir metinle ilişkili arayüz öğeleri konumlandırabilir veya metin vurgulama gibi etkileşimler oluşturabilir. API, denetimin iç metin düğümlerini açığa çıkarmadan aralıklarla çalışmaya olanak tanıyor. OpaqueRange, Edge 152’nin web platformu güncellemeleri arasında listeleniyor. 133

Web Install API’yi deneme sürecinde değerlendirin

Web Install API, bir sitenin tarayıcının yerleşik yükleme deneyimini kullanarak başka bir web uygulamasının kurulmasını istemesine olanak tanıyor. Bunun için asenkron navigator.install() işlevi kullanılıyor. Microsoft, API’yi Edge’de bir origin trial üzerinden test etmeye açtığını duyurdu. Origin trial, özelliği denemek için bir yol sunar; tüm tarayıcılarda veya tüm kullanıcılarda destek garantisi anlamına gelmez. 6

Yerel menü öğesi henüz plan aşamasında

Microsoft, yerleşik menü davranışları sunması amaçlanan yerel bir <menu> öğesinden de söz ediyor. Bu özellik plan aşamasında olduğundan, genel kullanıma açılmış gibi değerlendirilmemeli ve üretim ortamındaki davranışlar buna dayandırılmamalı. 1

Geliştiriciler şimdi neleri deneyebilir?

Edge belgeleri DevTools’ta istekleri yeniden göndermeyi açıklıyor; OpaqueRange ise Edge 152’nin web platformu güncellemelerinde yer alıyor. Web Install API için duyurulmuş bir origin trial yolu bulunuyor. Soft-navigation ölçümleri, WebMCP ve JavaScript profilleme işaretçilerini kullanmadan önce güncel sürüm ve deneme koşullarını kontrol edin. Yerel menü öğesi ise şimdilik plan olarak kalıyor. 1618333940