Chrome 74'teki yenilikler

Pete LePage

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

Çok daha fazlası!

Adım Pete LePage. Chrome 74'te geliştiriciler için neler yeni olduğuna göz atalım.

Değişiklik günlüğü

Burada, öne çıkan özelliklerden yalnızca bazıları ele alınmıştır. Chrome 74'te yapılan diğer 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şlevlere ihtiyaç duyulmasını önleyerek 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 sınıf alanlarının üzerinde çalışıldığını söyledim. Gizli sınıf alanlarının Chrome 74'te kullanıma sunulduğunu duyurmaktan mutluluk duyuyoruz. Yeni özel alanlar söz dizimi, herkese açık alanlara benzerdir. Tek fark, alanı # (kare işareti) kullanarak gizli olarak işaretlemenizdir. # değerini alan adının bir parçası olarak düşünün.

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

private alanlarının yalnızca gizli alanlar olduğunu unutmayın. Sınıf içinde 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 mide bulantısı yaşadıkları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 bu seçeneğin ne zaman etkinleştirildiğini algılamanıza olanak tanıyan bir medya sorgusu (prefers-reduced-motion) sağlar. Bu sorgu, Medya Sorguları 5. Seviye spesifikasyonunun bir parçasıdır.


@media (prefers-reduced-motion: reduce)

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

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

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

Tom'un Taşıma İşlemleri Kullanıcı hareketi azaltmayı tercih ediyorsa bunu yapmayabilirsiniz. Daha fazla bilgi için

CSS transition etkinlikleri

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

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

  • transitionrun
  • transitionstart
  • transitionend
  • transitioncancel

Bu etkinlikleri dinleyerek bir geçiş yürütüldüğünde davranışı izleyebilir veya değiştirebilirsiniz.

Özellik politikası 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 işlem, Feature-Policy 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 etkin olduğunu kontrol etmek için yeni bir API grubu sunar:

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

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

Diğer özellikler

Bunlar, Chrome 74'te geliştiriciler için gerçekleştirilen değişikliklerden yalnızca birkaçı, elbette daha pek çok şey var. Ben şahsen, kaynak deneme sürümü olarak sunulan süper hızlı, eşzamansız bir anahtar/değer depolama hizmeti olan KV Storage'dan oldukça heyecan duyuyorum.

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

Google I/O'ya (7-9 Mayıs) sadece birkaç hafta kaldı. Sizin için çok sayıda yeni ve harika özellik sunacağız. Etkinliğe katılamıyorsanız tüm oturumlar canlı olarak yayınlanacak ve daha sonra Chrome Developers YouTube kanalımızda yer alacak.

Abone ol

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

Adım Pete LePage. Chrome 75 yayınlanır yayınlanmaz Chrome'daki yenilikleri size bildirmek için burada olacağım.