Chrome 78'deki yenilikler

Pete LePage

Chrome 78 kullanıma sunuluyor!

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 kullanıp değer olarak URL atadıysanız kural sessizce silinir. 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 bayt bazında bayt kontrolleri gerçekleştiriliyor. 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.

Jeff, HTTP önbelleğinin güncelleme döngüsünü nasıl etkilediği hakkında bilinmesi gereken bazı önemli hususlar dahil olmak üzere Fresher Service Worker'lar için varsayılan olarak tüm ayrıntılara sahiptir.

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şaretin arkasında kullanılabilir ancak bir özellik için Kaynak Denemesi sunduğumuzda bu özelliği kaynağınızdaki tüm kullanıcılar için etkinleştirmek üzere ilgili kaynak denemesine 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 Deneme, Chrome 78'de başlar ve Chrome 80'e kadar devam etmesi beklenir.

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 Alıcı API'si için kaynak denemesi, Chrome 78'de başlayacak ve Chrome 80'e kadar çalışması beklenmektedir.

Artık bir 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ını sağlar. 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, SMS Alıcı API'si ile web'de telefon numaralarını doğrulama başlıklı makalede tüm ayrıntıları ve kaynak denemesine nasıl kaydolacağınızı anlatmıştı.

Chrome Geliştirici Zirvesi 2019

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


Daha fazla bilgi

Bunlar, öne çıkan özelliklerden yalnızca bazılarıdır. 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.