Chrome 74'teki yenilikler

Pete LePage

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

Daha birçok özellik de var.

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

Değişiklik günlüğü

Bu makalede, öne çıkan özelliklerden yalnızca bazıları ele alınmıştır. Chrome 74'teki diğer değişiklikler için aşağıdaki bağlantıları inceleyin.

Ö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ı da belirtmiştim. Özel sınıf alanlarının Chrome 74'te kullanıma sunulduğunu duyurmaktan mutluluk duyuyoruz. Yeni özel alan söz dizimi, herkese açık alanlara benzer. Tek fark, alanı # (pound işareti) kullanarak özel 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 gizli 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ı konulu yayınını inceleyin.

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 gidermek 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şler spesifikasyonu, bir geçiş sıraya alındığında, başladığında, sona erdiğinde veya iptal edildiğinde geçiş etkinliklerinin gönderilmesini zorunlu kılar. Bu etkinlikler bir süredir diğer tarayıcılarda destekleniyor…

Ancak bu uzantılar bugüne kadar Chrome'da desteklenmiyordu. Chrome 74'te artık şunları dinleyebilirsiniz:

  • transitionrun
  • transitionstart
  • transitionend
  • transitioncancel

Bu etkinlikleri dinleyerek, geçiş çalıştırıldığında davranışı izlemek veya değiştirmek mümkündür.

Ö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ş başlıklı makaleyi inceleyin.

Diğer özellikler

Bunlar, Chrome 74'teki geliştiricilere yönelik değişikliklerden yalnızca birkaçıdır. Elbette daha birçok değişiklik vardır. 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 birçok 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.