Chrome 88'deki yenilikler

Pete LePage

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

Şunları bilmeniz gerekir:

Ben Pete LePage. Evde çalışıyor ve çekim yapıyorum. Şimdi Chrome 88'deki geliştiricilere yönelik yenilikleri görelim!

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, performanslı ve gizliliğe saygılı hale getiren yeni bir uzantı platformudur.

Örneğin, uzaktan barındırılan kodlara izin vermez. Bu da Chrome Web Mağazası incelemecilerinin, uzantının neden olduğu riskleri daha iyi anlamasına yardımcı olur. Ve uzantılarınızı daha hızlı güncellemenizi sağlar.

Arka plandaki sayfaların yerine Service Worker'lar kullanılmaya başlandı. Service Worker'lar yalnızca gerektiğinde bellekte tutulduğundan, uzantılar daha az sistem kaynağı kullanır.

Kullanıcılara, uzantıların verilerini kullanma ve paylaşma şekli üzerinde 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 vermelerine olanak tanıyan yeni bir yükleme akışını uygulamaya koyacağız.

Tüm ayrıntıları ve mevcut uzantınızı Manifest V3'e nasıl taşıyacağınızı öğrenmek için developer.chrome.com adresine göz atın.


CSS aspect-ratio özelliği

Normalde, resimler gibi yalnızca bazı öğelerin en boy oranı vardır. Bunlar için yalnızca genişlik veya yükseklik belirtilmişse diğeri içsel 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 özelliği, en boy oranını açıkça belirtmenize olanak tanıyarak benzer bir davranışa olanak tanır.

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

Tarayıcıda desteklenip desteklenmediğini kontrol etmek için progresif geliştirmeyi de kullanabilir ve gerekirse bir yedek uygulayabilirsiniz. Ardından, yeni CSS 4 not seçiciyle 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 Önizlemesi'nde desteklendiğinden söz eden Jen Simmons'a teşekkür ederiz. Bu nedenle yakında Safari'de göreceğiz. Nasıl yapıldığını görmek için Una'nın demosuna da göz atın.

Zincirli JS zamanlayıcılarının yoğun biçimde kısıtlanması

Chrome 88, belirli durumlarda gizli sayfalar için zincirleme JavaScript zamanlayıcıları yoğun biçimde kısıtlar. Bu işlem CPU kullanımını ve pil kullanımını da azaltır. Bunun davranışı değiştireceği bazı uç durumlar vardır ancak kronometreler genellikle farklı bir API'nin daha verimli ve daha güvenilir olacağı durumlarda kullanılır.

Bu, jargon açısından oldukça ağır ve biraz da belirsizlikti. Bu yüzden tüm ayrıntılar için Jake'in Chrome 88'den itibaren zincirli JS zamanlayıcıların yoğun şekilde kısıtlanması adlı makalesine göz atın.

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

Artık yeni Dijital Ürün API'sını kullanarak dijital ürün ve abonelik satmak için Güvenilir Web Etkinliğinizdeki Play Faturalandırma'yı kullanabilirsiniz. Android üzerinde Chrome 88'de kaynak denemesi olarak kullanılabilir ve bir sonraki sürümde kaynak deneme sürümünün ChromeOS'e genişletilmesini bekliyoruz.

Hesaplarınız oluşturulduktan sonra, Play faturalandırmasını etkinleştirmek için Güvenilir Web Etkinliğinizi güncelleyin ve Play Geliştirici Konsolu'nda dijital ürünlerinizi oluşturun. Ardından PWA'nıza kaynak deneme jetonunuzu ekleyin. Artık mevcut satın alma işlemlerini kontrol etmek, mevcut satın alma işlemlerini sorgulamak ve yeni satın almalar 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'te düzenledikleri Play'deki web uygulamalarıyla ilgili yenilikler başlıklı konuşmalarını ayrıntılı olarak anlatıyor veya docs göz atın.

Daha birçok avantaj

Elbette dahası da var.

  • HTML standardındaki bir değişikliğe uyum sağlamak için target="_blank" içeren bağlantı etiketleri artık varsayılan olarak rel="noopener" değerini belirtir. Bu, sekme yerleştirme saldırılarının önlenmesine yardımcı olur.
  • Çoğu işletim sistemi varsayılan olarak fare hızlandırmasını etkinleştirir, ancak bu bazı oyunlarda sorun yaratabilir. Chrome 88'de Pointer Lock API ile fare hızlandırmasını devre dışı bırakabilirsiniz. Bu da aynı fiziksel hareketin yavaş veya hızlı hareketin aynı rotasyonla sonuçlanacağı, böylece daha iyi bir oyun deneyimi ve daha yüksek doğruluk anlamına gelir.
  • Ayrıca addEventListener artık İptal Sinyali'ni bir seçenek olarak kullanıyor. abort() çağrıldığında bu etkinlik işleyici kaldırılır. Böylece, artık ihtiyaç duyulmadığında etkinlik işleyicilerin kapatılması kolaylaşır.

Daha fazla bilgi

Burada, öne çıkan özelliklerin yalnızca bir kısmı ele alınıyor. Chrome 88'deki ek değişiklikler için aşağıdaki bağlantıları kontrol edin.

Abone ol

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