Chrome 58'deki yenilikler

Pete LePage

Twitter GitHub Glitch Mastodon Ana Sayfa

• IndexedDB 2.0 standardı artık Chrome'da tam olarak desteklenmektedir. Bu standartta yeni şema yönetimi, toplu işlem yöntemleri ve hataların daha standart bir şekilde ele alınması bulunur.
• display: fullscreen ile progresif web uygulamaları (pwa) daha ilgi çekici hale gelir.
• allow-top-navigation-by-user-activation, korumalı alana alınmış iframes yeni güç sağlar
• Burada daha fazlası da var!

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

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

IndexedDB 2.0

Sitenizin veritabanı yapısının performansı önemli ölçüde etkilediğinden ve değiştirilmesi zor olabilir. IndexedDB 2.0 bunu değiştirir.

• object mağaza ve indexes, yeniden düzenlemenin ardından yerinde yeniden adlandırılabilir.
• İkili anahtarlar, performans cezası endişesi yaşamadan daha doğal anahtarlara olanak tanır.
• getKey(), openKeyCursor() ve continuePrimaryKey() yöntemleriyle veri almak daha kolaydır.

Ayrıca tüm veri kümelerinin toplu olarak kurtarılması için artık getAll() ve getAllKey() işaretleriyle imleç gerekli değildir.

Tam ekran progresif web uygulamaları

Progresif Web Uygulamaları Android ana ekranından başlatıldığında, çok amaçlı adres çubuğunu gizleyen bağımsız uygulama benzeri bir modda başlatılır. Böylece, ilgi çekici bir kullanıcı deneyimi oluşturabilir ve içerik için ekran alanında yer açabilirsiniz.

Bununla birlikte, oyunlar, video oynatıcılar veya diğer zengin içerikler gibi daha da etkileyici deneyimler söz konusu olduğunda, sistem çubukları gibi mobil kullanıcı arayüzü öğeleri dikkat dağıtıcı olmaya devam edebilir ve istediğiniz değerli pikselleri kullanabilir.

Artık web uygulaması manifestinizde display: fullscreen ayarlayarak progresif web uygulamanızı etkileyici bir deneyim haline getirebilirsiniz.

Ana ekrandan (solda) başlatılan, standalone modunda (orta) ana ekrandan başlatılan ve ana ekrandan fullscreen modunda (sağ) başlatılan PWA.

Uygulamanız ana ekrandan başlatıldığında, uygulama dışı tüm mobil kullanıcı arayüzü öğeleri gizlenir.

Korumalı Alana Sahip iframe İyileştirmeleri

Chrome 58 artık yeni iframe korumalı alan anahtar kelimesini allow-top-navigation-by-user-activation destekliyor.

Bir kullanıcı etkileşimi tarafından tetiklendiğinde, bu anahtar kelime korumalı alana alınmış iframe'lere, otomatik yönlendirmeleri engellemeye devam ederken üst düzey sayfada gezinme olanağı sağlar.

Diğer ölçütler

Elbette daha fazlası da var.

• clearfix saldırısına veda edin. Kayan ve temizle gibi birden çok düzen özelliğini manuel olarak sıfırlamak yerine artık display: flow-root ile yeni bir blok biçimlendirme bağlamı ekleyebilirsiniz.
• PointerEvents.getCoalescedEvents(), en son PointerEvent yayınlandığından bu yana tüm giriş etkinliklerine erişmenize olanak tanır. Uygulama çizme gibi konularda puanlarınızı net bir şekilde geçmişte bilmek istiyorsanız idealdir.
• Workers ve SharedWorkers de artık data: URL'ler kullanılarak oluşturulabilir. Bu sayede, Workers ile geliştirme yapmak opak bir kaynak sağlayarak daha güvenli hale gelir.

Bunlar, geliştiricilere yönelik Chrome 58'de yapılan değişikliklerden yalnızca birkaçıdır.

Bu video hoşunuza gittiyse tasarımcılar ve geliştiriciler birlikte çalışırken karşılaşılan zorlukları çözmeye çalışan yeni bir video serisi olan Tasarımcı ve Geliştirici bölümüne göz atın.

Ardından YouTube kanalımıza abone olun ve yeni bir video yayınladığımızda e-posta bildirimi alırsınız.

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