Chrome 67'deki yenilikler

  • Progresif Web Uygulamaları masaüstüne geliyor
  • Genel sensör API'si ivme ölçer ve jiroskop gibi cihaz sensörlerine erişimi kolaylaştırır.
  • BigInt'ler de büyük tam sayılarla çalışmayı çok daha kolay hale getirir.

Ve çok daha fazlası da var!

Adım Pete LePage. Şimdi Chrome 67'deki geliştiricilere yönelik yenilikleri görelim!

Değişikliklerin tam listesini görmek ister misiniz? Chromium kaynak deposu değişiklik listesine göz atın.

Masaüstü PWA'lar

Spotify'ın masaüstü progresif web uygulaması

Masaüstü Progresif Web Uygulamaları artık ChromeOS 67'de desteklenmektedir. Ayrıca, Mac ve Windows desteği üzerinde çalışmaya da başladık. Yüklendikten sonra diğer uygulamalarla aynı şekilde başlatılır ve adres çubuğu veya sekmeler olmadan bir uygulama penceresinde çalışırlar. Servis çalışanları hızlı ve güvenilir bir şekilde çalışmasını sağlar. Uygulama penceresi deneyimi, işlerin entegre hissetmelerini sağlar. Ve kullanıcılarınız için ilgi çekici bir deneyim oluşturur.

Başlamak şu anda yapmakta olduğunuz yaklaşımdan çok farklı değildir. Mevcut progresif web uygulamanız için yaptığınız tüm işler geçerliliğini korur. Sadece bazı ek ayrılma noktalarını dikkate almanız gerekir.

Uygulamanız standart PWA ölçütlerini karşılıyorsa Chrome, beforeinstallprompt etkinliğini tetikler ancak kullanıcıya otomatik olarak bildirim göndermez. Bunun yerine etkinliği kaydedin. Ardından, kullanıcıya uygulamanızın yüklenebileceğini bildirmek için uygulamanıza kullanıcı arayüzü (ör. uygulama yükle düğmesi) ekleyin. Ardından, kullanıcı düğmeyi tıkladığında kayıtlı etkinlikteki arama istemini görüntüler. Chrome, daha sonra bu istemi kullanıcıya gösterir. Kullanıcı Ekle'yi tıklarsa Chrome, PWA'nızı rafa ve başlatıcıya ekler.

Jenny ile birlikte bir masaüstü progresif web uygulaması oluştururken dikkate almanız gereken teknik ve özel tasarıma ilişkin dikkat edilmesi gereken noktaları ayrıntılı bir şekilde ele aldığımız Google I/O konuşmama göz atın.

Mac veya Windows'da bu özellikle oynamaya başlamak isterseniz bayrakla desteği etkinleştirmeyle ilgili ayrıntılar için Masaüstü Progresif Web Uygulaması yayınının tamamına göz atın.

Genel Sensör API'si

Sensör verileri; sürükleyici oyun oynama, fitness takibi ve artırılmış veya sanal gerçeklik gibi deneyimler sunmak için birçok uygulamada kullanılır. Bu veriler artık Genel Sensor API'si kullanılarak web uygulamasında kullanılabilir.

API, üzerine yerleştirilmiş bir dizi beton sensör sınıfının bulunduğu bir temel Sensör arayüzünden oluşur. Taban arayüzüne sahip olmak, beton sensör sınıfları için uygulama ve spesifikasyon sürecini basitleştirir. Örneğin, Jiroskop sınıfı çok küçük!

const sensor = new Gyroscope({frequency: 500});
sensor.start();

sensor.onreading = () => {
    console.log("X-axis " + sensor.x);
    console.log("Y-axis " + sensor.y);
    console.log("Z-axis " + sensor.z);
};

Temel işlev, taban arayüzüyle belirtilir ve Jiroskop, bunu yalnızca açısal hızı temsil eden üç özellikle genişletir. Chrome 67 ivme ölçer, jiroskop, yön sensörü ve hareket sensörünü destekler.

Intel, jenerik sensör API'si API'sinin birkaç demosunu ve örnek kodu bir araya getirdi. Ayrıca Eylül ayına ait Sensors for the Web! yayınını, bilmeniz gereken her şeyi içerecek şekilde güncelledi.

BigInt sn

BigInt'ler, JavaScript'te rastgele hassasiyetle tam sayıları temsil edebilen yeni bir temel sayısal öğedir. Büyük tam sayı kimlikleri ve yüksek doğruluklu zaman damgaları, JavaScript'te Numbers olarak güvenli bir şekilde temsil edilemez. Bu durum, genellikle gerçek dünyaya ait hatalara yol açar (bu nedenle, genellikle bu tür sayıları dize olarak temsil ederiz).

let max = Number.MAX_SAFE_INTEGER;
// → 9_007_199_254_740_991
max = max + 1;
// → 9_007_199_254_740_992 - Yay!
max = max + 1;
// → 9_007_199_254_740_992 - Uh, no?

BigInt sayesinde taşma olmadan tam sayı aritmetiğini güvenli bir şekilde depolayabilir ve gerçekleştirebiliriz. Günümüzde, büyük tamsayılarla çalışmak genellikle BigInt benzeri işlevlere öykünen bir kitaplıktan yararlanmamız anlamına geliyor.

let max = BigInt(Number.MAX_SAFE_INTEGER);
// → 9_007_199_254_740_991n
max = max + 9n;
// → 9_007_199_254_741_000n - Yay!

BigInt yaygın olarak kullanıma sunulduğunda, bu çalışma zamanı bağımlılıklarını bırakıp yerel BigInts öğesinin lehine oluşturabileceğiz. Yerel uygulamayı daha hızlı oluşturmakla kalmaz, bu ekstra kitaplıkları yüklemek zorunda kalmayacağımızdan yükleme süresinin, ayrıştırma süresinin ve derleme süresinin azalmasına da yardımcı olur.

Diğer ölçütler

Bunlar, Chrome 67'de geliştiriciler için yapılan değişikliklerden sadece birkaçı. Elbette bunlar dışında daha birçok şey var.

Credential Management API, Chrome 51'den beri desteklenmekte olup kimlik bilgilerini oluşturmak, almak ve depolamak için bir çerçeve sağlar. Bunu iki kimlik bilgisi türü aracılığıyla gerçekleştirdi: PasswordCredential ve FederatedCredential. Web Authentication API üçüncü bir kimlik bilgisi türünü (PublicKeyCredential) ekler. Bu tür veriler sayesinde tarayıcılar, güvenlik anahtarı, parmak izi okuyucu veya kullanıcının kimliğini doğrulayabilen başka bir cihaz gibi kimlik doğrulayıcılar tarafından oluşturulan özel/ortak anahtar çiftiyle kullanıcıların kimliğini doğrulayabilir. Chrome 67, masaüstünde USB aktarımı üzerinden U2F/CTAP 1 kimlik doğrulayıcıları kullanarak API'yi etkinleştirir.

Daha fazla bilgiyi Eiji'nin WebAuthn ile Güçlü Kimlik Doğrulama ile Etkinleştirme yayınında bulabilirsiniz.

Google I/O sona erdi

I/O'ya katılmadıysanız veya katıldıysanız ancak tüm web konuşmalarını görmediyseniz Google I/O ile ilgili son gelişmeleri öğrenmek için Chrome ve Web oynatma listesine göz atın.

Geliştirici Araçları'ndaki yenilikler

Chrome 67'deki Geliştirici Araçları yeniliklerini öğrenmek için Chrome Geliştirici Araçları'ndaki yenilikler sayfasına göz atmayı unutmayın.

Abone ol

Ardından YouTube kanalımızdaki abone ol düğmesini tıklayın. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız.

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