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

Chrome 74'teki yenilikler

Pete LePage

Chrome 74'te aşağıdakiler için destek ekledik:

JavaScript'te özel sınıf alanları oluşturmak artık çok daha basit.
Kullanıcının ne zaman azaltılmış hareket deneyimi deneyimi istediğini tespit edebilirsiniz.
CSS geçiş etkinlikleri
Özelliklerin etkin olup olmadığını kontrol etmek için yeni özellik politikası API'leri ekler.

Ben Pete LePage. Şimdi Chrome 74'teki geliştiriciler için yeni özellikleri görelim!

Değişiklik günlüğü

Burada, öne çıkan özelliklerin yalnızca bir kısmı ele alınmaktadır. Chrome 74'teki ek değişiklikler için aşağıdaki bağlantılara göz atın.

Özel sınıf alanları

Sınıf alanları, yalnızca örnek özelliklerini tanımlamak için kurucu işlevlerine duyulan ihtiyacı ortadan kaldırarak sınıf söz dizimini basitleştirir. Chrome 72'de, herkese açık sınıf alanları için destek ekledik.

class IncreasingCounter {
  // Public class field
  _publicValue = 0;
  get value() {
    return this._publicValue;
  }
  increment() {
    this._publicValue++;
  }
}

Özel ders alanlarının çok çalışıldığını da söyledim. Chrome 74'te özel sınıf alanlarının kullanıma girdiğini söylemekten mutluluk duyuyorum. Yeni özel alanlar söz dizimi, herkese açık alanlara benzerdir. Tek fark, alanı # (pound işareti) kullanarak gizli olarak işaretlemenizdir. # öğesini, alan adının bir parçası olarak düşünebilirsiniz.

class IncreasingCounter {
  // Private class field
  #privateValue = 0;
  get value() {
    return this.#privateValue;
  }
  increment() {
    this.#privateValue++;
  }
}

private alanlarının yalnızca özel olduğunu unutmayın. Bunlar sınıfın içinden erişilebilir ancak sınıf gövdesinin dışında kullanılamaz.

class SimpleClass {
  _iAmPublic = 'shared';
  #iAmPrivate = 'secret';
  doSomething() {
    ...
  }
}

Herkese açık ve özel sınıflar hakkında daha fazla bilgi edinmek için Mathias'ın sınıf alanları ile ilgili yayınına göz atın.

`prefers-reduced-motion`

Bazı kullanıcılar paralaks kaydırma, yakınlaştırma ve diğer hareket efektlerini görüntülerken hareketin hastalandığını bildirmiştir. Bu sorunu çözmek için birçok işletim sistemi, mümkün olduğunda hareketi azaltma seçeneği sunar.

Chrome artık Medya Sorguları Düzey 5 spesifikasyonunun parçası olan prefers-reduced-motion adlı medya sorgusu sağlar ve bu seçenek etkinleştirildiğinde bunu tespit etmenizi sağlar.

@media (prefers-reduced-motion: reduce)

Hafif bir hareketle dikkati kendine çeken bir kaydolma düğmem olduğunu varsayalım. Yeni sorgu yalnızca düğme için hareketi kapatmama olanak tanıyor.

button {
  animation: vibrate 0.3s linear infinite both;
}

@media (prefers-reduced-motion: reduce) {
  button {
    animation: none;
  }
}

Tom'un makalesine göz atın Move Ya! Veya kullanıcı azaltılmış-harekete geçmeyi tercih ediyorsa! daha ayrıntılı bilgi edinin.

CSS `transition` etkinlikleri

CSS Geçişleri spesifikasyonu, bir geçiş sıraya alındığında, başlatıldığında, sona erdiğinde veya iptal edildiğinde geçiş etkinliklerinin gönderilmesini gerektirir. Bu etkinlikler bir süredir diğer tarayıcılarda desteklenmektedir...

Ancak şimdiye kadar bunlar Chrome'da desteklenmiyordu. Chrome 74'te artık şunları dinleyebilirsiniz:

transitionrun
transitionstart
transitionend
transitioncancel

Bu etkinlikleri dinleyerek bir geçiş sırasındaki davranışı izlemek veya değiştirmek mümkündür.

Feature Policy API güncellemeleri

Özellik politikaları, API'lerin ve diğer web özelliklerinin davranışını seçerek etkinleştirmenize, devre dışı bırakmanıza ve değiştirmenize olanak tanır. Bu, Özellik-Politikası başlığı veya bir iframe'deki allow özelliği aracılığıyla yapılır.

Feature-Policy: geolocation 'self'

<iframe ... allow="geolocation self">
</iframe>

Chrome 74, hangi özelliklerin etkinleştirildiğini kontrol etmek için yeni bir API seti sunar:

document.featurePolicy.allowedFeatures() ile izin verilen özelliklerin listesini bulabilirsiniz.
Belirli bir özelliğe izin verilip verilmediğini document.featurePolicy.allowsFeature(...) ile kontrol edebilirsiniz.
Ayrıca, document.featurePolicy.getAllowlistForFeature() ile belirli bir özelliğe izin veren ve geçerli sayfada kullanılan alan adlarının listesini alabilirsiniz.

Daha fazla ayrıntı için Özellik Politikasına Giriş yayınına göz atın.

Diğer ölçütler

Bunlar, geliştiriciler için Chrome 74'te yapılan değişikliklerden sadece birkaçı. Elbette bunlar dışında çok daha fazlası var. Şahsen kaynak denemesi olarak sunulan çok hızlı, eşzamansız bir anahtar/değer depolama hizmeti KV Storage konusunda çok heyecanlıyım.

Google I/O yakında gerçekleşecek!

Ayrıca unutmayın: Google I/O yalnızca birkaç hafta kaldı (7-9 Mayıs) ve sizin için pek çok yeni özellik sunacağız. Katılamıyorsanız tüm oturumlar canlı yayınlanır ve daha sonra Chrome Geliştiricileri YouTube kanalımızda yer alır.

Videolarımızla ilgili güncel bilgileri almak isterseniz Chrome Developers YouTube kanalımıza abone olun. Yeni bir video sunduğumuzda e-posta bildirimi alırsınız.

Ben Pete LePage. Chrome 75 yayınlanır yayınlanmaz, size Chrome'daki yenilikleri anlatacağım.