Chrome 126'daki yenilikler

Şunları bilmeniz gerekir:

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 kullanıma sunuldu ancak iletişim öğesiyle beklenmedik bir etkileşim nedeniyle devre dışı bırakıldı. Önceki sorunların en aza indirilmesi için yapılan iyileştirmelerden sonra Chrome 126'da yeniden etkinleştirildi.

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

Gamepad API tetikleyici-titreşim uzantısı

Tetikleyici titreşim özelliği artık Gamepad API'nin bir parçasıdır. Uyumlu kontrol cihazları için web'de oyun deneyimlerini iyileştirir.

trigger-rumble, kullanıcıya dokunma geri bildirimi (varsa) sağlamak için tasarlanmış denetleyicideki donanımı temsil eden bir arayüz olan GamepadHapticActuator'i genişletir. trigger-rumble, Gamepad API'yi kullanan web uygulamalarının bu gamepad cihazlarının tetikleyicilerini de titreştirmesine olanak tanır.

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.

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

Daha fazla bilgi

Bu, yalnızca bazı önemli noktaları kapsar. Chrome 126'taki diğer değişiklikler için aşağıdaki bağlantılara göz atın.

Abone ol

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.

Adım Adriana Jara. Chrome 127 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.