Yayınlanma tarihi: 28 Temmuz 2026
Chrome 151 şu anda kullanıma sunuluyor. Bu yayında, sürümdeki bazı önemli özellikler paylaşılıyor. Chrome 151 sürüm notlarının tamamını okuyun.
Bu sürümdeki öne çıkan özellikler:
- Capability öğesi
<usermedia>, kamera ve mikrofon akışları için kullanıcı tarafından etkinleştirilen, bildirim temelli bir kontrol sağlar. - Bildirimsel gölge DOM yuvası ataması, web bileşenlerinin zorunlu JavaScript olmadan manuel yuva ataması kullanmasına olanak tanır.
- Yumuşak gezinmeler ve etkileşim performans metrikleri, tek sayfalık uygulamalarda etkileşime dayalı gecikmeyi ve rota değişikliklerini izler.
Yetki öğesi: <usermedia> MVP
<usermedia> öğesi, <geolocation> öğesinden sonra Capability Elements paketinde kullanıma sunulan en yeni öğedir. PEPC girişiminin bir parçası olan bu orijinal <permission> tekliften geçiş, tarayıcının farklı donanım özelliklerinin benzersiz karmaşıklıklarını ve davranışlarını daha etkili bir şekilde ele almasına olanak tanır. İlk teklif öncelikle izin durumlarını (ör. izin ver veya reddet) yönetmeye odaklanırken, Yetenek Öğeleri veri aracıları olarak işlev görür.
<geolocation> öğesi, sitenize bir konum nesnesi sağlar ve <usermedia>, kamera ve mikrofon erişimiyle ilgili tüm akışı yönetir. Kullanıcı niyetini yakalar, tarayıcı istemini yönetir ve MediaStream nesnesini uygulamaya iletir. Bu değişiklik, ayrı getUserMedia() çağrıları yapma ihtiyacını ortadan kaldırır, uygulamayı basitleştirir ve tarayıcının kullanıcının amacı hakkında güvenilir bir sinyale sahip olmasını sağlar.
Daha fazla bilgiyi Introducing the <usermedia> HTML element (HTML öğesini tanıtıyoruz) başlıklı makalede bulabilirsiniz.
Bildirimsel gölge DOM: shadowrootslotassignment özelliği
Chrome 151, <template> öğelerinde shadowrootslotassignment özelliği için destek ekliyor. Bu sayede, doğrudan HTML'nizde manuel yuva ataması kullanan bildirimsel gölge kökleri oluşturabilirsiniz.
Şimdiye kadar manuel yer atama yalnızca zorunlu olarak kullanılabiliyordu. Bu güncellemeyle, gölge kökü şablonunuzda shadowrootslotassignment="manual" belirtebilirsiniz.
Özellik, named (varsayılan davranış) ve manual değerlerini kabul eder ve HTMLTemplateElement üzerindeki shadowRootSlotAssignment özelliğiyle yansıtılır. Daha fazla bilgi için MDN'deki HTMLTemplateElement.shadowRootSlotAssignment dokümanına göz atın.
Bu özellik Firefox'ta ve Safari 27 beta sürümünde kullanılabiliyor. Bu nedenle, yakında Baseline Newly available (Yeni kullanıma sunulan temel özellik) olarak kullanıma sunulacak.
Yumuşak gezinmeler ve etkileşim performans metrikleri
Chrome 151, iki yeni PerformanceEntry türü olan soft-navigation ve interaction-contentful-paint'ı kullanıma sunarak web performansı zaman çizelgesini genişletiyor. Bu girişler, geliştiricilerin tek sayfalık uygulamalarda (SPA'lar) etkileşime dayalı performansı ve gecikmeyi izlemesine yardımcı olur. Bu girişler, Largest Contentful Paint (LCP) ve Interaction to Next Paint (INP) gibi yerleşik Core Web Vitals metriklerini temel alır.
Tek sayfa uygulamalarında, JavaScript ile yönlendirilen rota geçişleri geleneksel tarayıcı sayfası yüklemesini tetiklemez. soft-navigation girişi, kullanıcı etkileşimleriyle başlatılan bu aynı belge geçmişi durumu değişikliklerini yakalar. Yumuşak gezinme gerçekleştiğinde tarayıcı yeni bir zaman başlangıcı oluşturur. Bu sayede, sonraki performans verilerini başlangıçtaki doküman URL'si yerine etkin SPA rotasına doğru şekilde atayabilirsiniz.
interaction-contentful-paint girişi, kullanıcı etkileşimiyle değiştirilen DOM bölgelerindeki yeni içerik boyamalarını ölçer. Bu sayede, içerik güncellemeleri fetch() istekleri gibi eşzamansız işlemlere bağlı olsa bile etkileşim yükleme gecikmesi hakkında görünürlük elde edebilirsiniz.
Bu yeni girişleri, PerformanceObserver kullanarak uygulamanızda gözlemleyebilirsiniz. Arabellekli seçeneği kullanılarak bu sayfadaki önceki yumuşak gezinmeler de dahil olmak üzere yumuşak gezinme girişlerini konsola kaydeden aşağıdaki kod snippet'i:
const observer = new PerformanceObserver(console.log);
observer.observe({ type: "soft-navigation", buffered: true });
SPA navigasyonlarını uygulama ve ölçme hakkında daha fazla bilgi edinmek için Geliştiriciler için Chrome'daki Soft navigations dokümanlarını inceleyin.
Daha fazla bilgi
Bu özet yalnızca bazı önemli noktaları kapsar. Chrome 151'deki ek değişiklikler için aşağıdaki bağlantılara göz atın:
Abone ol
Gelişmeleri takip etmek için Chrome Developers YouTube kanalına abone olun. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız. Yeni makaleler ve blog yayınları için bizi X veya LinkedIn'de de takip edebilirsiniz.
Chrome 152 yayınlanır yayınlanmaz Chrome'daki yenilikleri size bildirmek için hazır olacağız.