- Progresif web uygulamaları masaüstüne geliyor
- Genel sensör API'si, ivme ölçer ve jiroskop gibi cihaz sensörlerine erişmeyi çok daha kolay hale getirir.
BigInt, büyük tam sayılarla çalışmayı çok daha kolay hale getirir.
Daha birçok özellik de var.
Adım Pete LePage. Chrome 67'de geliştiriciler için neler yeniye göz atalım.
Değişikliklerin tam listesini görmek ister misiniz? Chromium kaynak deposu değişiklik listesine göz atın.
Masaüstü PWAs
Masaüstü Progresif Web Uygulamaları artık ChromeOS 67'de destekleniyor. Mac ve Windows desteği için de çalışmalarımıza 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ışır. Hizmet çalışanları hızlı ve güvenilir olmasını sağlar. Uygulama penceresi deneyimi, bu çalışanları entegre hissettirir. Ayrıca kullanıcılarınız için ilgi çekici bir deneyim sunar.
Başlamak için şu anda yaptığınızdan farklı bir şey yapmanız gerekmez. Mevcut progresif web uygulamanız için yaptığınız tüm çalışmalar geçerliliğini koruyor. Tek yapmanız gereken, bazı ek durma noktalarını dikkate almaktır.
Uygulamanız standart PWA ölçütlerini karşılıyorsa Chrome, beforeinstallprompt etkinliğini tetikler ancak kullanıcıya otomatik olarak istem göstermez. Bunun yerine, etkinliği kaydedin ve ardından uygulamanızın yüklenebileceğini kullanıcıya bildirmek için uygulamanıza bir kullanıcı arayüzü (ör. uygulama yükle düğmesi) ekleyin. Ardından, kullanıcı düğmeyi tıkladığında Chrome, kayıtlı etkinlikte arama istemi gösterir. Kullanıcı ekle'yi tıklarsa Chrome, PWA'nızı kullanıcının rafına ve başlatıcısına ekler.
Jenny ile birlikte masaüstü progresif web uygulaması geliştirirken dikkate almanız gereken teknik ve özel tasarım hususlarını ayrıntılı olarak ele aldığımız Google I/O konuşmama göz atın.
Mac veya Windows'ta bu özelliği kullanmaya başlamak istiyorsanız bir işaretle desteğin nasıl etkinleştirileceğiyle ilgili ayrıntılar için Masaüstü Progressive Web Uygulaması gönderisinin tamamını inceleyin.
Generic Sensor API
Sensör verileri, sürükleyici oyun, fitness takibi ve artırılmış ya da sanal gerçeklik gibi deneyimleri etkinleştirmek için birçok uygulamada kullanılır. Bu veriler artık Genel Sensör API'yi kullanan web uygulamaları tarafından kullanılabilir.
API, üzerine belirli bir dizi sensör sınıfı yerleştirilmiş temel bir Sensör arayüzünden oluşur. Temel bir arayüze sahip olmak, belirli sensör sınıflarının uygulama ve spesifikasyon sürecini basitleştirir. Örneğin, Jiroskop sınıfı çok küçüktür.
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şlevsellik, temel arayüz tarafından belirtilir ve Jiroskop, bu işlevi 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, genel sensör API'si demoları ve örnek kodlar hazırladı. Ayrıca Eylül ayında yayınlanan Web için Sensörler başlıklı makaleyi, bilmeniz gereken her şeyi içerecek şekilde güncelledi.
BigInt sn
BigInt, JavaScript'te tam sayıları isteğe bağlı hassasiyetle temsil edebilen yeni bir sayısal ilkeldir. JavaScript'te büyük tam sayı kimlikleri ve yüksek doğruluktaki zaman damgaları Numbers olarak güvenli bir şekilde temsil edilemez. Bu da genellikle gerçek dünyada hatalara neden olur (bu nedenle, bu tür sayıları genellikle 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 ile, taşma olmadan tam sayı aritmetiğini güvenli bir şekilde depolayabilir ve gerçekleştirebiliriz. Günümüzde, büyük tam sayılarla çalışmak genellikle BigInt benzeri işlevleri taklit edecek bir kitaplığa başvurmamız gerektiği anlamına gelir.
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ındaki bağımlılıkları kaldırıp yerel BigInts'u kullanabiliriz. Yerel uygulama yalnızca daha hızlı değil, bu ek kitaplıkları yüklememiz gerekmediğinden yükleme süresini, ayrıştırma süresini ve derleme süresini de kısaltır.
Diğer özellikler
Bunlar, Geliştiriciler için Chrome 67'deki değişikliklerden yalnızca birkaçı. Elbette daha birçok değişiklik var.
Chrome 51'den beri desteklenen Kimlik Bilgisi Yönetimi API'si, kimlik bilgileri oluşturmak, almak ve depolamak için bir çerçeve sağlar. Bunu iki tür kimlik bilgisiyle yaptı: PasswordCredential ve FederatedCredential. Web Kimlik Doğrulama API'si, tarayıcıların bir kullanıcının kimliğini doğrulamak için güvenlik anahtarı, parmak izi okuyucu veya kullanıcının kimliğini doğrulayabilecek başka bir cihaz gibi bir kimlik doğrulayıcı tarafından oluşturulan özel/herkese açık anahtar çifti kullanmasına olanak tanıyan üçüncü bir kimlik bilgisi türü PublicKeyCredential ekler. Chrome 67, masaüstünde USB aktarımı üzerinden U2F/CTAP 1 kimlik doğrulayıcıları kullanarak API'yi etkinleştirir.
Bu konu hakkında daha fazla bilgiyi Eiji'nin WebAuthn ile Güçlü Kimlik Doğrulamayı Etkinleştirme makalesinde bulabilirsiniz.
Google I/O sona erdi
I/O'ya katılamadıysanız veya katıldıysanız ancak web konulu tüm konuşmaları izleyemediyseniz Google I/O'daki en son gelişmeleri öğrenmek için Chrome ve Web oynatma listesine göz atın.
DevTools'daki yenilikler
Chrome 67'deki DevTools'taki yenilikleri öğrenmek için Chrome Geliştirici Araçları'ndaki yenilikler başlıklı makaleyi inceleyin.
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.
Adım Pete LePage. Chrome 68 yayınlanır yayınlanmaz Chrome'daki yenilikleri size bildirmek için burada olacağım.