Chrome 88'deki yenilikler

Pete LePage

Chrome 88, kararlı sürüm olarak kullanıma sunulmaya başladı.

Şunları bilmeniz gerekir:

Ben Pete LePage. Evden çalışıyorum ve video çekiyorum. Chrome 88'de geliştiriciler için neler yeni olduğuna göz atalım.

Manifest V3

Chrome 88 artık Manifest V3 ile oluşturulan uzantıları destekliyor ve bunları Chrome Web Mağazası'na yükleyebilirsiniz. Manifest V3, Chrome uzantılarını varsayılan olarak daha güvenli, daha yüksek performanslı ve gizliliğe saygılı hale getiren yeni bir uzantı platformudur.

Örneğin, uzaktan barındırılan koda izin verilmez. Bu sayede Chrome Web Mağazası inceleme uzmanları, bir uzantının ne gibi riskler oluşturduğunu daha iyi anlayabilir. Bu sayede uzantılarınızı daha hızlı güncelleyebilirsiniz.

Arka plan sayfalarının yerine hizmet çalışanlarını kullanıma sunar. Hizmet çalışanları yalnızca gerektiğinde bellekte bulunduğundan uzantılar daha az sistem kaynağı kullanır.

Ayrıca, kullanıcılara uzantıların verilerini nasıl kullandığı ve paylaştığı konusunda daha fazla görünürlük ve kontrol sağlamak için gelecekteki bir sürümde, kullanıcıların yükleme sırasında hassas izinleri reddetmesine olanak tanıyan yeni bir yükleme akışı uygulayacağız.

Ayrıntılı bilgi ve mevcut uzantınızı Manifest V3'e taşıma hakkında bilgi edinmek için developer.chrome.com adresini ziyaret edin.


CSS aspect-ratio özelliği

Normalde yalnızca bazı öğelerin (ör. resimler) en boy oranı vardır. Bu tür resimler için yalnızca genişlik veya yükseklik belirtilirse diğer boyut, doğal en boy oranı kullanılarak otomatik olarak hesaplanır.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

Chrome 88'de aspect-ratio mülkü, benzer bir davranışı etkinleştirerek en boy oranını açıkça belirtmenize olanak tanır.

.square {
  aspect-ratio: 1 / 1;
}

Tarayıcıda desteklenip desteklenmediğini kontrol etmek ve gerekirse yedek uygulamak için aşamalı geliştirmeyi de kullanabilirsiniz. Ardından, yeni CSS 4 not seçicisiyle kodunuzu biraz daha temiz hale getirebilirsiniz.

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

Bu özelliğin en son Safari teknik önizlemesinde desteklendiğini belirten Jen Simmons'a teşekkürler. Bu özelliği yakında Safari'de göreceğiz. Ayrıca, Una'nın demosuna göz atarak bu özelliğin işleyişini görebilirsiniz.

Zincirlenmiş JS zamanlayıcılarının yoğun şekilde kısıtlanması

Chrome 88, belirli koşullarda gizli sayfalar için zincirlenmiş JavaScript zamanlayıcılarını büyük ölçüde kısıtlar. Bu işlem, CPU kullanımını azaltır ve dolayısıyla pil kullanımını da azaltır. Bunun davranışı değiştireceği bazı uç durumlar vardır ancak zamanlayıcılar genellikle farklı bir API'nin daha verimli ve daha güvenilir olacağı durumlarda kullanılır.

Bu açıklama, jargon açısından oldukça yoğun ve biraz belirsiz. Tüm ayrıntılar için Jake'in Chrome 88'den itibaren zincirlenmiş JS zamanlayıcılarının yoğun şekilde azaltılması başlıklı makalesine göz atın.

Güvenilir Web Etkinliği'nde Play faturalandırması

Artık yeni Dijital Ürünler API'sini kullanarak dijital ürünler ve abonelikler satmak için Güvenilir Web Etkinliğinizde Play Faturalandırma'yı kullanabilirsiniz. Bu özellik, Android'deki Chrome 88 sürümünde kaynak deneme sürümü olarak kullanılabilir. Kaynak deneme sürümünün sonraki sürümde ChromeOS'e de eklenmesini bekliyoruz.

Hesaplarınız oluşturulduktan sonra, Play faturalandırmasını etkinleştirmek için Güvenilir Web Etkinliğinizi güncelleyin ve Play Console'da dijital öğelerinizi oluşturun. Ardından, PWA'nıza kaynak deneme jetonunuzu ekleyin. Mevcut satın alma işlemlerini kontrol etmek, mevcut satın alma işlemlerini sorgulamak ve yeni satın alma işlemleri yapmak için kodu eklemeye hazırsınız.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Adriana ve Andre, Chrome Dev Summit konuşmalarında Play'deki web uygulamaları için yenilikler hakkında daha ayrıntılı bilgi veriyor. Dokümanlara da göz atabilirsiniz.

Başka pek çok bilgi

Elbette daha birçok özellik var.

  • HTML standardındaki bir değişikliğe uygun olarak, target="_blank" içeren ana sayfa etiketleri artık varsayılan olarak rel="noopener" içerir. Bu, sekme tuşuna basarak sayfayı açma saldırılarını önlemeye yardımcı olur.
  • Çoğu işletim sistemi fare hızlandırmasını varsayılan olarak etkinleştirir ancak bu, bazı oyunlarda soruna yol açabilir. Chrome 88'de İşaretçi Kilidi API'si, fare hızlandırmayı devre dışı bırakmanıza olanak tanır. Bu, yavaş veya hızlı aynı fiziksel hareketin aynı dönüşle sonuçlandığı anlamına gelir. Bu sayede daha iyi bir oyun deneyimi ve daha yüksek doğruluk elde edilir.
  • Ayrıca addEventListener artık isteğe bağlı olarak bir İptal Sinyali alıyor. abort() çağrısı, ilgili etkinlik işleyiciyi kaldırır. Böylece, artık ihtiyaç duyulmayan etkinlik işleyicileri kolayca kapatabilirsiniz.

Daha fazla bilgi

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

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 89 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.