Chrome 61'deki yenilikler

Pete LePage

• Chrome 61 artık JavaScript modüllerini yerel olarak destekliyor. Bu sayede modüler JavaScript'in yazılma şekli birleştiriliyor.
• Artık doğal Android paylaşım iletişim kutusunu tetiklemek için navigator.share simgesini kullanabilirsiniz.
• Web uygulamalarının kullanıcı tarafından izin verilen USB cihazlarına erişmesine olanak tanıyan WebUSB API kullanıma sunuldu.
• Daha birçok özellik de 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. Chrome 61'de geliştiriciler için neler yeni olduğuna göz atalım.

JavaScript Modülleri

Chrome 61, <script type="module"> öğesi aracılığıyla JavaScript modülleri için yerel destek ekler. Bu sayede Chrome, önbelleğe alma özelliğinden yararlanarak ayrıntılı bağımlılıkları paralel olarak getirebilir, sayfadaki yinelemeleri önleyebilir ve komut dosyasının doğru sırada yürütülmesini sağlayabilir.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

Bu standartlaştırılmış modül sistemi, modüler JavaScript'in yazılma ve web tarayıcılarına gönderilme şeklini birleştirir. Gelecekte aynı sistem Node'da da kullanılabilecek. Böylece, isomorphic JavaScript yazmanızı ve dağıtmanızı kolaylaştıracak.

Modüller ve JavaScript'in modüllerden etkilenen yönleri hakkında daha fazla bilgiyi aşağıdaki bağlantılarda bulabilirsiniz.

• Chrome Durumu
• Tarayıcılarda ES Modülleri
• ES6 Modüllerini Ayrıntılı İnceleme

Web Share API

Kullanıcıların içeriğinizi en sevdikleri sosyal ağda kolayca paylaşabilmesini istiyorsanız her sosyal ağ için sitenize paylaşım düğmeleri entegre etmeniz gerekir. Sayfanıza gereksiz kodlar ekler, kullanıcı arayüzünüze her zaman uygun olmaz ve üçüncü taraf sitelerinden kod eklemeniz gerekir.

Android için Chrome'da kullanıma sunulan Web Share API, kullanıcının cihazının yerel paylaşım özelliklerini çağırmanıza olanak tanır. Böylece kullanıcı, metin veya bağlantıları yüklü yerel uygulamalarından herhangi biriyle kolayca paylaşabilir.

Gelecekteki bir sürümde bu API, yüklü web uygulamalarında da paylaşım yapabilecek. Bu özelliği kullanmak için paylaşmak istediğiniz sayfanın ayrıntılarını navigator.share numaralı telefona bildirmeniz yeterlidir. Sistemin geri kalanını halletmesi için beklemeniz yeterlidir.

navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

Ayrıntılı bilgi ve uygulamanız gereken bazı en iyi uygulamalar için Paul'in WebShare API Güncellemesi başlıklı makalesine göz atın.

WebUSB

Klavye, fare, yazıcı ve oyun kumandası gibi çoğu donanım çevre birimi, üst düzey web platformu API'leri tarafından desteklenir. Ancak tarayıcıda özel eğitim, bilim, endüstri veya diğer USB cihazlarını kullanmak zordu ve genellikle özel sürücüler gerektiriyordu.

Chrome artık WebUSB API'yi destekliyor. Bu sayede web uygulamaları, kullanıcının iznini aldıktan sonra USB cihazlarla iletişim kurabiliyor. Güvenlik ve gizlilikle ilgili hususlar ve bunların nasıl ele alındığı hakkında daha fazla bilgi edinmek için WebUSB spesifikasyonunu inceleyin.

Ardından, konuyu incelemeye hazır olduğunuzda güncellemelerle ilgili Francois'un WebUSB yayınına göz atın.

Diğer özellikler

• Artık scroll-behavior CSS özelliğiyle kaydırma pürüzsüzlüğünü belirtebilirsiniz.
• CSS onaltılık renk değerleri artık dizenin sonuna basamaklar ekleyerek alfa saydamlığını belirtebilir.
• Visual Viewport API ile ekran içeriğinin göreceli konumlarına erişebilir, yakınlaştırma ve uzaklaştırma gibi karmaşık işlevleri daha doğrudan bir şekilde gösterebilirsiniz.

Bunlar, Geliştiriciler için Chrome 61'deki değişikliklerden yalnızca birkaçıdır.

Ardından 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 62 yayınlanır yayınlanmaz Chrome'daki yenilikleri size bildirmek için burada olacağım.