Chrome 75'te aşağıdakiler için destek ekledik:
canvas
öğelerinde gecikmeyi azaltmanın yeni bir yolu var.- Web uygulamaları artık sistem düzeyindeki paylaşım sayfasını kullanarak diğer yüklü uygulamalarla dosya paylaşabilir.
- Sayısal değişmezler artık daha okunaklı hale getirmek için ayırıcı olarak alt çizgilere izin veriyor.
- Google I/O 2019 sona erdi. Tüm konuşmaları YouTube kanalımızda bulabilirsiniz.
Adım Pete LePage. Chrome 75'te geliştiriciler için neler yeni olduğuna göz atalım.
Değişiklik günlüğü
Bu makalede, öne çıkan özelliklerden yalnızca bazıları ele alınmıştır. Chrome 75'teki diğer değişiklikler için aşağıdaki bağlantılara göz atın.
- Chrome DevTools'ta (75) yenilikler
- Chrome 75'te kullanımdan kaldırılan ve kaldırılan özellikler
- Chrome 75 için ChromeStatus.com güncellemeleri
- Chrome 75'teki JavaScript'teki yenilikler
- Chromium kaynak deposu değişiklik listesi
Düşük gecikmeli canvas
bağlamları için ipucu
Tuval öğesiyle ekranda çizim yapmak için sayfanın, grafik güncellemelerini DOM ile senkronize etmesi gerekir. Bu senkronizasyon bazen gecikmeye neden olabilir. Örneğin, bir çizim uygulamasında 50 milisaniyeden uzun gecikmeler el-göz koordinasyonunu etkileyerek uygulamanın kullanımını zorlaştırabilir.
desynchronized
ipucu, canvas
bağlamı oluştururken normal DOM güncelleme mekanizmasını atlayan farklı bir kod yolu kullanır. İpucu, sisteme mümkün olduğunca fazla kompozisyon atlamasını söyler. Bazı durumlarda, canvas
'ün temel arabelleği doğrudan ekranın görüntü denetleyicisine gönderilir. Bu, oluşturma aracısı derleyici sırasının kullanılmasından kaynaklanacak gecikmeyi ortadan kaldırır.
Senkronize edilmemiş ipucunu kullanmak basittir. Tuvali oluştururken seçenekler nesnesine desynchronized: true
eklemeniz yeterlidir.
const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);
Özellik algılamanın nasıl yapılacağı da dahil olmak üzere daha fazla bilgi için Joe'un Senkronize edilmemiş ipucu ile düşük gecikmeli oluşturma makalesine göz atın.
Web Share API ile dosya paylaşma
Web Share API, işletim sistemi tarafından sağlanan paylaşım hizmetine bağlanmanıza olanak tanır. Böylece web sayfalarını ve uygulamaları, kullanıcının cihazında yüklü diğer uygulamalarla paylaşabilirsiniz.
Chrome 75'te Web Paylaşımı API'si artık dosya paylaşımını desteklemektedir. Bu özellik, uygulamaların fotoğraf ve video gibi içerikleri paylaşmasını çok daha kolay hale getirdiği için özellikle heyecan verici. Squoosh, sıkıştırma işlemini tamamladıktan sonra dosyayı paylaşmak için bu özelliği destekliyor. Web Share API şu anda ses dosyalarının, resimlerin, videoların ve metin dokümanlarının paylaşılmasını desteklemektedir.
Web Share API'nin desteklenip desteklenmediğini görmek için özellik algılama özelliğini kullanmak ve desteklenmiyorsa geleneksel mekanizmanıza geri dönmek en iyisidir. Dosya paylaşımının desteklenip desteklenmediğini kontrol etmek için navigator.canShare
simgesini de kullanabilirsiniz.
const webShareAvailable = {
links: 'share' in navigator,
files: 'canShare' in navigator,
};
navigator.canShare
true
döndürüyorsa bu dosyaların paylaşımı desteklenir. Bu nedenle, navigator.share
işlevini çağırabilir ve paylaşmak istediğiniz dosya dizisini içeren bir nesne iletebilirsiniz. Chrome, sistem paylaşım sayfasını açar ve dosyaları paylaşabileceğiniz yüklü uygulamaların listesini gösterir.
if (webShareAvailable.files) {
const shareData = { files: filesArray };
if (navigator.canShare(shareData)) {
shareData.title = 'Squooshed files.';
navigator.share(shareData)
.then(...)
.catch(...);
} else {
// File sharing not supported
}
}
Demoyu deneyin ve tüm ayrıntılar için Web Paylaş ile dosya paylaşma başlıklı makaleyi inceleyin.
Sayısal ayırıcılar
Değişmez sayısal değerler artık daha okunabilir hale getirmek için ayırıcı olarak alt çizgilere (_, U+005F) izin veriyor. Örneğin, 1_000_000_000
matematik işlemleri tarafından 1000000000
ile eşdeğer olarak yorumlanır.
Alt çizgiler yalnızca rakamlar arasında görünebilir ve art arda alt çizgilere izin verilmez. Bu nedenle 3._14
, _2.71
veya 1.6__2
gibi harfler yasa dışıdır.
Google I/O 2019 sona erdi
I/O'ya katılamadıysanız veya katıldıysanız ve tüm konuşmaları izleyemediyseniz Chrome Developers YouTube kanalındaki Google I/O 2019 web oynatma listesinde bulabilirsiniz.
- Tom ve ben, bu yıl tarayıcılara sunulan harika yeni özelliklerden bazılarını ele alan "Web için yeni özelliklerin kilidini açma" bölümünü sunduk.
- Addy ve Katie, "Geniş Ölçekte Hız" başlıklı makalede performansla ilgili bazı ipuçları ve püf noktaları paylaştı.
- Elizabeth ve Paul, "Hız Araçları'nın Gizemini Çözme" başlıklı makalede bazı harika geliştirme araçlarını inceledi.
- "Özellikli Telefondan Masaüstüne Hızlı ve Sorunsuz Web Uygulamaları Geliştirme" başlıklı makalede ise Mariko, ekibiyle birlikte Proxx'ı özellikli telefondan akıllı telefona ve masaüstüne kadar her cihazda çalışacak şekilde nasıl geliştirdiklerini gösterdi. Proxx'u henüz denemediyseniz son derece eğlenceli bir maden tarlası klonu sizi bekliyor.
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.
Adım Pete LePage. Chrome 76 yayınlanır yayınlanmaz Chrome'daki yenilikleri size bildirmek için burada olacağım.
Fotoğraflarla İlgili Katkıda Bulunanlar
- Balázs Kétyi tarafından Unsplash'ta yayınlanan eskiz fotoğrafı