Chrome 61'deki yenilikler

Pete LePage

• Chrome 61, JavaScript modüllerini artık 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.

Aşağıdaki bağlantılardan modüller ve modüllerden etkilenen JavaScript özellikleri hakkında daha fazla bilgi edinebilirsiniz.

• 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 öğeler 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ı 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');
});

Tüm ayrıntılar ve izlemeniz gereken bazı en iyi uygulamalar için Paul'un WebShare API Güncellemesi'ne 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ğitsel, bilimsel, endüstriyel veya diğer USB cihazları kullanmak zordu ve genellikle özel sürücüler gerektirir.

Chrome artık, kullanıcı izin verdikten sonra web uygulamalarının USB cihazlarıyla iletişim kurmasına olanak tanıyan WebUSB API'yi desteklemektedir. 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.

Daha sonra, ayrıntılara girmeye hazır olduğunuzda Francois'in güncellemelerle ilgili WebUSB yayınına göz atın.

Diğer özellikler

• Artık scroll-behavior CSS özelliğiyle kaydırma düzgünlüğü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.

Ben Pete LePage. Chrome 62 yayınlanır yayınlanmaz size Chrome'daki yenilikleri anlatmak istiyorum!