Bu sayfa, Cloud Translation API ile çevrilmiştir.

Chrome 126'daki yenilikler

Adriana Jara

Şunları bilmeniz gerekir:

Belgeler arası geçişler, View Transitions API'de yeni desteklenmektedir.
CloseWatcher API'yi tekrar kullanmaya başlayın.
Gamepad API artık trigger-rumble özelliğini içeriyor.
Bunun gibi çok daha fazla özellik var.

Adım Adriana Jara. Chrome 126'ta geliştiriciler için sunulan yenilikleri inceleyelim.

Aynı kaynaktan gezinmeler için doküman içi görünüm geçişleri

View Transitions API, farklı görünümler arasında sorunsuz görsel geçişler oluşturmanıza olanak tanır ve artık aynı kaynaktaki gezinmeler için varsayılan olarak kullanılabilir. Daha önce yalnızca tek sayfalık uygulama mimarileri için kullanılabiliyordu.

Belgeler arası görünüm geçişini uygulamak için her iki tarafın da bu özelliği etkinleştirmesi gerekir. Bunu yapmak için view-transition at-kuralı'nı kullanın ve gezinme tanımlayıcısını otomatik olarak ayarlayın.

Doküman içi görünüm geçişleri, aynı doküman görünüm geçişleriyle aynı yapı taşlarını ve ilkeleri kullanır.

@view-transition {
  navigation: auto;
}

Ayrıntılar ve daha fazla örnek için Görüntü Geçişi API'si ile sorunsuz geçişler başlıklı makaleyi inceleyin.

CloseWatcher API yeniden etkinleştirildi

<dialog> ve popover="" öğeleri için CloseWatcher API, masaüstü platformlardaki ESC tuşu veya Android'deki geri hareketi gibi kapatma isteklerini işlemeyi kolaylaştırır.

Bu özellik ilk olarak Chrome 120'de gönderilmişti ancak iletişim öğesiyle beklenmedik bir etkileşim nedeniyle devre dışı bırakıldı. Chrome 126'da önceki sorunları en aza indirmek için yapılan iyileştirmelerden sonra yeniden etkinleştirildi.

CloseWatcher'ı nasıl kullanacağınızı öğrenmek için demo'yu ziyaret edin.

Gamepad API tetikleyici-titreşim uzantısı

Tetikleme sesi özelliği artık Gamepad API'nin bir parçası. Uyumlu kontrol cihazları için web'de oyun deneyimlerini iyileştirir.

trigger-rumble, kullanıcıya dokunma teknolojisiyle geri bildirim sağlamak üzere tasarlanmış kumandadaki donanımı temsil eden GamepadHapticActuator arayüzünü genişletir. trigger-rumble, Oyun Kumandası API'sini kullanan web uygulamalarının bu oyun kumandası cihazlarının tetikleyicilerini de titreştirmesine izin verir.

Aşağıdaki kodla, işlevin tarayıcıda desteklenip desteklenmediğini ve nasıl tetikleneceğini kontrol edebilirsiniz.trigger-rumble

// This assumes a `Gamepad` as the value of the `gamepad` variable.
const triggerRumble = (gamepad, delay = 0, duration = 100, weak = 1.0, strong = 1.0) => {
  if (!('vibrationActuator' in gamepad)) {
    return;
  }
  // Feature detection.
  if (!('effects' in gamepad.vibrationActuator) || !gamepad.vibrationActuator.effects.includes('trigger-rumble')) {
    return;
  }
  gamepad.vibrationActuator.playEffect('trigger-rumble', {
    // Duration in ms.
    duration: duration,
    // The left trigger (between 0 and 1).
    leftTrigger: leftTrigger,
    // The right trigger (between 0 and 1).
    rightTrigger: rightTrigger,
  });
};

Gamepad API'den en iyi şekilde yararlanmayla ilgili daha fazla bilgi için Chrome dinozor oyununu gamepad'inizle oynama başlıklı makaleyi inceleyin.

Diğer özellikler

Elbette daha birçok özellik var.

GeolocationCoordinates ve GeolocationPosition artık .toJSON() yöntemini içeriyor.
DevTools güncellemelerinde, Uygulama > Depolama bölümündeki özel bir ağaçta depolama alanı paketlerini inceleyebilirsiniz.
ChromeOS artık web uygulamaları için sekmeli modu destekliyor.

Sürüm notlarının tamamını okuyun.

Daha fazla bilgi

Bu, yalnızca bazı önemli noktaları kapsar. Chrome 126'daki diğer değişiklikler için aşağıdaki bağlantıları inceleyin.

Gelişmelerden haberdar olmak için Chrome Developers YouTube kanalına abone olun. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız.

Merhaba Adriana Jara. Chrome 127 yayınlanır yayınlanmaz size Chrome'daki yenilikleri anlatacağım.