Chrome 78'deki yenilikler

Pete LePage

Chrome 78 kullanıma sunuldu.

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

CSS Özellikleri ve Değerleri API'si

Teknik olarak özel özellikler olarak adlandırılan CSS değişkenleri çok kullanışlıdır. CSS'nizde kendi özelliklerinizi tanımlamanıza ve kullanmanıza olanak tanır. Ancak özel mülkler, basit bir arama ve değiştirme işleminden çok daha fazlasıdır.

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

Bir renk için değişken kullandıysanız ancak değer olarak bir URL atadıysanız kural sessizce atılır. CSS Özellikleri ve Değerleri API'si ile ö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);
}

Mülk kaydetmek, window.CSS.registerProperty() işlevini çağırıp mülkün türünü, devralınıp devralınmayacağını ve ilk değerini tanımladığınız mülkün adını sağlamak kadar kolaydır.

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

Ayrıntılı bilgi için Sam Richard'ın web.dev'deki Houdini'nin yeni API'si ile daha akıllı özel mülkler 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 bazında kontroller yapılıyor. Geçmişte, yüklü bir hizmet çalışanını içe aktarılan bir komut dosyasında yapılan değişiklikleri almaya zorlamanın tek yolu, genellikle URL'ye bir semver değeri veya karma oluşturma işlemi 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. Bu durumda, hizmet çalışanı güncelleme akışının tamamı tetiklenir. Bu sayede Chrome, spesifikasyona uygun hale gelir ve Firefox ile Safari'nin yaptığıyla eşleşir.

HTTP önbelleği güncelleme döngüsünü nasıl etkilediği hakkında bilmeniz gereken bazı önemli bilgiler de dahil olmak üzere Varsayılan olarak daha yeni hizmet çalışanları ile ilgili tüm ayrıntılar Jeff'e aittir.

Yeni kaynak denemeleri

Kaynak denemeleri, deneysel özellikleri ve API'leri doğrulamamıza olanak tanır. Ayrıca, bu özelliklerin kullanılabilirliği ve daha geniş bir dağıtımdaki etkinliği hakkında geri bildirimde bulunmanızı sağlar.

Deneysel özellikler genellikle yalnızca bir işaretle kullanılabilir. Ancak bir özellik için kaynak deneme sürümü sunduğumuzda, özelliği kaynağınızdaki tüm kullanıcılar için etkinleştirmek üzere bu kaynak deneme sürümüne kaydolabilirsiniz.

Kaynak deneme sürümünü etkinleştirmek, beta test kullanıcılarınızın Chrome'da özel işaretler etkinleştirmelerine gerek kalmadan deneme süresi boyunca deneyebilecekleri demolar ve prototipler oluşturmanıza olanak tanır.

Kaynak denemeleri hakkında daha fazla bilgiyi Web Geliştiricileri İçin Kaynak Deneme Kılavuzu'nda bulabilirsiniz. Etkin kaynak denemelerinin listesini görebilir ve Chrome Kaynak Deneme Sürümleri sayfasından bu denemelere kaydolabilirsiniz.


Yerel Dosya Sistemi

Native File System API için kaynak denemesi Chrome 78'de başlayacak ve Chrome 80'e kadar devam edecek.

Yerel Dosya Sistemi API'si, geliştiricilerin kullanıcının yerel cihazındaki dosyalarla etkileşime geçen güçlü web uygulamaları oluşturmasını sağlar. 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 dosyalara ve klasörlere okumasına veya kaydetmesine olanak tanır.

Bu özelliğin sunduğu yeni deneyimler beni çok heyecanlandırıyor. Artık üzerinde çalışmak istediğim dosyaları "yüklemem" veya "indirmem" gerekmiyor. Kod, demo ve kullanıcıların güvenliğini sağlamak için nasıl çalıştığımız da dahil olmak üzere tüm ayrıntılar için yerel dosya sistemi hakkındaki gönderime göz atın.

SMS Alıcı

SMS Receiver API için kaynak denemesi Chrome 78'de başlar ve Chrome 80'e kadar devam etmesi beklenir.

Artık kaynak denemesi olarak kullanılabilen SMS Receiver API, web uygulamanızın uygulamanızın kaynağı için özel olarak biçimlendirilmiş SMS mesajları almasına olanak tanır. Bu sayede, SMS mesajından programatik olarak tek kullanımlık şifre alabilir ve kullanıcının telefon numarasını daha kolay doğrulayabilirsiniz.

Eiji, tüm ayrıntıları ve kaynak deneme sürümüne kaydolma adımlarını içeren SMS Receiver API ile web'de telefon numaralarını doğrulama başlıklı makaleyi yazdı.

Chrome Geliştirici Zirvesi 2019

11 ve 12 Kasım'da Chrome Developers YouTube kanalında canlı olarak yayınlanacak Chrome Dev Summit'e katılmayı unutmayın.


Daha fazla bilgi

Bu, önemli noktalardan yalnızca bazılarını kapsar. Chrome 78'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 veya RSS özet akışımızı feed okuyucunuza ekleyebilirsiniz.

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