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

Chrome 126'daki yenilikler

Adriana Jara

Şunları bilmeniz gerekir:

Dokümanlar arası geçişler, View Transitions API'de yeni desteklenmektedir.
CloseWatcher API tekrar kullanılabilir hale geldi.
Oyun Kumandası API'si artık trigger-rumble özelliğini içeriyor.
Daha fazlası da var.

Ben Adriana Jara. Şimdi Chrome 126'daki geliştiricilere yönelik yenilikleri görelim.

Aynı kaynak gezinmeleri için belgeler arası 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. API artık aynı kaynaktan yapılan gezinmelerde varsayılan olarak kullanılabilir. Önceden yalnızca tek sayfalık uygulama mimarileri için kullanılabiliyordu.

Dokümanlar arası görünüm geçişi uygulamak için her iki tarafta da geçişin etkinleştirilmesi gerekir. Bunu yapmak için kuyruklu a kuralını kullanın ve gezinme tanımlayıcısını otomatik değerine ayarlayın.

Dokümanlar arası 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 için View Transition API'yi kullanarak sorunsuz geçişler sayfasını ziyaret edin. Örnekler daha fazladır.

CloseWatcher API yeniden etkinleştirildi

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

Bu özellik ilk olarak Chrome 120 sürümünde gönderilmiştir. Ancak iletişim kutusu öğesiyle olan beklenmedik etkileşim nedeniyle devre dışı bırakılmıştır. Önceki sorunları en aza indirmek için iyileştirmelerin ardından Chrome 126'da yeniden etkinleştirildi.

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

Gamepad API tetikleyicisi tıkanıklık uzantısı

Tetikleme özelliği artık Oyun Kumandası API'sinin bir parçası. Uyumlu kumandalar için web'deki oyun deneyimini iyileştirir.

trigger-rumble, GamepadHapticActuator arayüzünü genişletir. Bu arayüz, kullanıcıya dokunsal geri bildirim sağlamak için tasarlanmış denetleyicideki donanımı temsil eder (varsa). trigger-rumble, Gamepad API'sini kullanan web uygulamalarının bu oyun kumandası cihazlarının tetikleyicilerini de titreştirmesine izin verir.

Aşağıdaki kodu kullanarak tarayıcıda işlevin desteklenip desteklenmediğini ve tetiklenmek için 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,
  });
};

Oyun Kumandası API'sinden en iyi şekilde yararlanmayla ilgili daha fazla bilgi için Chrome dinozor oyununu oyun kumandanızla oynama bölümüne göz atın.

Diğer özellikler

Elbette dahası var.

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

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

Daha fazla bilgi

Bu bölümde yalnızca bazı önemli noktalar ele alınmıştır. Chrome 126'daki ek değişiklikler için aşağıdaki bağlantıları kontrol edin.

Gelişmelerden haberdar olmak için Chrome Geliştiricileri YouTube kanalına abone olun. Yeni bir video sunduğumuzda e-posta bildirimi alırsınız.

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