- Progresif Web Uygulamaları masaüstünde kullanıma sunuluyor
- 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.
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ü PWA'lar
Masaüstü Progresif Web Uygulamaları artık ChromeOS 67'de desteklenmektedir. Mac ve Windows desteği için çalışmaya başladık. Yüklendikten sonra diğer uygulamalarla aynı şekilde başlatılır ve adres çubuğu veya sekme olmadan bir uygulama penceresinde çalışırlar. Hizmet çalışanları hızlı ve güvenilir olmasını sağlar, uygulama penceresi deneyimi ise entegre olduklarını hissettirir. Ayrıca, kullanıcılarınız için ilgi çekici bir deneyim oluşturur.
Başlarken şu anda yaptığınızdan çok farklı değildir. 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, ardından kullanıcıya uygulamanızın yüklenebileceğini bildirmek için uygulamanıza uygulama yükleme düğmesi gibi bir kullanıcı arayüzü 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 ve ben, bir masaüstü progresif web uygulaması geliştirirken göz önünde bulundurmanız gereken teknik ve özel tasarım konusunu ayrıntılarıyla ele aldığımız Google I/O konuşmama göz atın.
Bu uygulamayla Mac veya Windows'da başlamak isterseniz desteğin bir bayrakla nasıl etkinleştirileceğine dair ayrıntılar için Masaüstü Progresif Web Uygulaması yayınının tamamına göz atın.
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, üstüne bir dizi beton sensör sınıfının bulunduğu bir temel 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, jenerik sensör API'si ile ilgili çeşitli demoları ve örnek kodları bir araya getirdi. Eylül ayından itibaren Web için Sensörler yayınını da bilmeniz gereken her şeyi içerecek şekilde güncelledi.
BigInt sn
BigInt, JavaScript'te tam sayıları keyfi 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'ü kullanabiliriz. Yerel uygulama daha hızlı olmakla kalmaz, aynı zamanda bu ekstra kitaplıkları yüklemek zorunda kalmayacağımız için yükleme süresini, ayrıştırma süresini ve derleme süresini de azaltır.
Diğer özellikler
Bunlar, geliştiriciler için Chrome 67'deki değişikliklerden yalnızca birkaçıdır. Elbette daha birçok değişiklik vardır.
Credential Management API, Chrome 51'den beri desteklenen ve kimlik bilgileri oluşturmak, almak ve depolamak için bir çerçeve sunar. Bunu iki kimlik bilgisi türüyle 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.
Eiji'nin WebAuthn ile Güçlü Kimlik Doğrulama özelliğini etkinleştirme başlıklı makaleden daha fazla bilgi edinebilirsiniz.
Google I/O kısa bir sunumdur
I/O'ya katılmadıysanız veya kattınız mı ancak tüm web konuşmalarını görmediyseniz Chrome ve Web oynatma listesine göz atarak Google I/O'daki son gelişmeleri takip edin!
DevTools'daki yenilikler
Chrome 67'de Geliştirici Araçları'ndaki yenilikler hakkında bilgi edinmek için Chrome Geliştirici Araçları'ndaki yenilikler bölümüne 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.
Adım Pete LePage. Chrome 68 yayınlanır yayınlanmaz Chrome'daki yenilikleri size bildirmek için burada olacağım.