Chrome 61'deki yenilikler

  • Chrome 61 artık JavaScript modüllerini yerel olarak desteklemektedir. Böylece modüler JavaScript'in yazılabilme şekli bir bütün haline getirilmiştir.
  • Artık yerel Android paylaşım iletişim kutusunu tetiklemek için navigator.share kullanabilirsiniz.
  • Web uygulamalarının, kullanıcıların izin verdiği USB cihazlarına erişmesine olanak tanıyan WebUSB API kullanıma sunuldu.
  • Ve çok 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 61'deki geliştiricilere yönelik yenilikleri görelim!

JavaScript Modülleri

Chrome 61, <script type="module"> öğesi aracılığıyla JavaScript modülleri için yerel destek ekler. Bu, Chrome'un ayrıntılı bağımlılıkları paralel olarak getirmesini mümkün kılar. Böylece, önbelleğe alma özelliğinden yararlanarak, sayfa genelinde tekrarları ortadan kaldırır ve komut dosyasının doğru sırada yürütülmesini sağlar.

<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 Düğüm'de de kullanıma sunulacak. Bu da izomorfik JavaScript'i yazıp dağıtmanızı kolaylaştıracaktır.

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

Web Share API

Kullanıcıların içeriğinizi favori sosyal ağlarında kolayca paylaşabilmelerini istiyorsanız, her sosyal ağ için paylaşım düğmelerini sitenize entegre etmeniz gerekir. Sayfanıza şişkinlik ekler, kullanıcı arayüzünüze her zaman uygun olmayabilir ve üçüncü taraf bir siteden kod eklemeniz gerektiği anlamına gelir.

Şu anda Android için Chrome'da kullanıma sunulan Web Share API, kullanıcının cihazının yerel paylaşım özelliklerini devreye sokarak kullanıcının, yüklü yerel uygulamalarından herhangi biriyle kolayca metin veya bağlantı paylaşmasına olanak tanımaktadır.

Gelecekteki bir sürümde bu API de yüklü web uygulamalarıyla paylaşılabilecektir. Bu aracı kullanmak için, sistemin geri kalanını halletmesini istediğiniz sayfanın ayrıntılarını belirterek navigator.share öğesini çağırmanız yeterlidir.


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

Tüm ayrıntılar ve takip etmeniz gereken bazı en iyi uygulamalar için Paul'un WebShare API Update'e 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ğitimsel, bilimsel, endüstriyel veya diğer USB cihazları kullanmak zor olmuştur ve genellikle uzman 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'sini destekliyor. Güvenlik ve gizlilik konusunda dikkat edilmesi gereken noktalar ve bunların nasıl ele alındığı hakkında daha fazla bilgi edinmek için WebUSB spesifikasyonuna göz atın.

Ayrıntılı bilgi almaya hazır olduğunuzda, Francois'in güncellemelerle ilgili WebUSB yayınına göz atın.

Diğer ölçütler

  • Artık kaydırma yumuşaklığını scroll-behavior CSS özelliğiyle belirtebilirsiniz.
  • CSS onaltılık renk değerleri artık dizenin sonuna basamak ekleyerek alfa şeffaflığını belirtebilir.
  • Visual Viewport API ile ekran içeriğinin göreli konumlarına erişerek, sıkıştırma ve yakınlaştırma gibi karmaşık işlevleri daha doğrudan bir şekilde ortaya çıkarabilirsiniz.

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

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 62 yayınlanır yayınlanmaz size Chrome'daki yenilikleri anlatacağım.