Chrome 78'deki yenilikler

Filiz LePage

Chrome 78 kullanıma sunuldu!

Ben Pete LePage. Şimdi Chrome 78'deki geliştiricilere özel yenilikleri görelim!

CSS Özellikleri ve Değerleri API'si

Teknik olarak özel özellik olarak adlandırılan CSS değişkenleri harikadır. CSS'niz genelinde kendi özelliklerinizi tanımlayıp kullanmanıza olanak tanır. Ancak özel özellikler, basit bir arama ve değiştirme işleminden çok daha fazlası değildir.

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

Bir renk için değişken kullandıysanız ancak bir URL'yi değer olarak atadıysanız kural sessizce silinir. CSS Özellikleri ve Değerleri API'siyle, özel mülkleriniz için bir tür ve varsayılan yedek değer tanımlayabilirsiniz.

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

Bir mülkü kaydetmek, window.CSS.registerProperty() yöntemini çağırmak ve tanımladığınız mülkün adını, devralması gerekiyorsa ve başlangıç değerini belirtmek kadar kolaydır.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

Tüm ayrıntıları öğrenmek için Sam Richard'ın web.dev adresindeki Houdini'nin yeni API'siyle daha akıllı özel mülkler başlıklı makalesine göz atın.

Daha yeni hizmet çalışanları

importScripts() tarafından içe aktarılan hizmet çalışanı komut dosyaları için artık bayt cinsinden bayt kontrolleri gerçekleştiriliyor. Geçmişte, yüklü bir hizmet çalışanının içe aktarılan bir komut dosyasında yapılan değişiklikleri almasını zorunlu kılmanın tek yolu, genellikle URL'ye daha büyük bir değer veya karma ekleyerek içe aktarılan komut dosyasının URL'sini değiştirmekti.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

Chrome 78'den itibaren üst düzey bir hizmet çalışanı dosyası için her güncelleme kontrolü yapıldığında Chrome, içe aktarılan komut dosyalarının içeriğinin değişip değişmediğini de kontrol eder. Etkinlerse bu işlem, tam hizmet çalışanı güncelleme akışını tetikler. Böylece Chrome spesifikasyonlara uygun hale gelir ve Firefox ile Safari'nin yaptığı gibi çalışır.

Cenk, HTTP önbelleğinin güncelleme döngüsünü nasıl etkilediği hakkında bilinmesi gereken bazı önemli şeyler de dahil olmak üzere varsayılan olarak daha yeni hizmet çalışanları bölümünde tüm ayrıntılara sahiptir.

Yeni kaynak denemeleri

Kaynak denemeleri, deneysel özellikleri ve API'leri doğrulamamız için bir fırsat sunar. Ayrıca sizin de bu özelliklerin daha geniş çapta dağıtımda kullanılabilirliği ve etkinliğiyle ilgili geri bildirim sağlamanıza olanak tanır.

Deneysel özellikler genellikle yalnızca bir bayrak arkasında kullanılabilir. Ancak bir özellik için Kaynak Denemesi sunduğumuzda, özelliği kaynağınızdaki tüm kullanıcılar için etkinleştirmek amacıyla söz konusu kaynak denemesine kaydolabilirsiniz.

Kaynak denemesine katılmak, beta testi kullanıcılarınızın Chrome'da özel işaretleri çevirmelerine gerek kalmadan deneme süresi boyunca deneyebilecekleri demolar ve prototipler oluşturmanıza olanak tanır.

Web Geliştiricileri İçin Kaynak Denemeleri Kılavuzu'nda kaynak denemeleri hakkında daha fazla bilgi bulabilirsiniz. Etkin kaynak denemelerinin bir listesini görebilir ve Chrome Kaynak Denemeleri sayfasında bunlara kaydolabilirsiniz.


Yerel Dosya Sistemi

Yerel Dosya Sistemi API'si için Kaynak Denemesi Chrome 78'de başlar ve Chrome 80'de çalışır.

Native File System API, geliştiricilerin kullanıcının yerel cihazındaki dosyalarla etkileşimde bulunan güçlü web uygulamaları oluşturmasına olanak tanır. Bir kullanıcı bir web uygulamasına erişim izni verdikten sonra bu API, web uygulamalarının değişiklikleri doğrudan kullanıcının cihazındaki dosya ve klasörlere okumasına veya kaydetmesine olanak tanır.

Bunun sağladığı tüm yeni deneyimler için çok heyecanlıyım. Artık çalışmak istediğim dosyaları "yükleme" veya "indirmek" gerekmiyor. Kod, bir demo ve kullanıcıların güvenliğini sağlamak için yaptığımız çalışmalar dahil, tüm ayrıntılar için Yerel Dosya Sistemi hakkındaki yayınıma göz atın.

SMS Alıcı

SMS Receiver API için kaynak denemesi Chrome 78'de başlar ve Chrome 80'de çalışır.

Şu anda kaynak denemesi olarak kullanılabilen SMS Receiver API, web uygulamanızın, uygulamanızın kaynağı için özel olarak biçimlendirilmiş SMS mesajlarını almasına olanak tanır. Bu sayede, programlı bir şekilde SMS mesajından OTP alabilir ve kullanıcının telefon numarasını daha kolay bir şekilde doğrulayabilirsiniz.

Eiji, SMS Receiver API ile web'deki telefon numaralarını doğrulama başlıklı makalede tüm ayrıntıları ve kaynak denemesine nasıl kaydolacağınızı anlattı.

Chrome Geliştirici Zirvesi 2019

11-12 Kasım'daki Chrome Geliştirici Zirvesi'ne katılmayı unutmayın. Bu zirve Chrome Developers YouTube kanalında canlı olarak gerçekleştirilecektir.


Daha fazla bilgi

Bu bölümde, öne çıkan özelliklerin yalnızca bazıları anlatılmıştır. Chrome 78'deki ek değişiklikler için aşağıdaki bağlantıları kontrol edin.

Abone ol

Videolarımızdan haberdar olmak, ardından Chrome Developers YouTube kanalımıza abone olmak isterseniz yeni bir video başlattığımızda veya RSS özet akışımızı özet akışı okuyucunuza eklediğimizde e-posta bildirimi alırsınız.

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