- ตอนนี้ Chrome 61 รองรับโมดูล JavaScript ในตัวแล้ว ซึ่งจะรวมวิธีการเขียน JavaScript แบบแยกส่วน
- คุณสามารถใช้
navigator.shareเพื่อทริกเกอร์กล่องโต้ตอบการแชร์ของ Android แบบดั้งเดิมได้แล้ว - WebUSB API ลงจอดแล้ว ซึ่งทำให้เว็บแอปเข้าถึงอุปกรณ์ USB ที่ผู้ใช้อนุญาตได้
- นอกจากนี้ยังมีอีกมากมาย
หากต้องการดูรายการการเปลี่ยนแปลงทั้งหมด โปรดดูรายการการเปลี่ยนแปลงที่เก็บแหล่งที่มา Chromium
ฉันชื่อ Pete LePage มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 61 กัน
โมดูล JavaScript
Chrome 61 เพิ่มการรองรับในตัวสำหรับโมดูล JavaScript ผ่านองค์ประกอบ <script type="module"> ซึ่งทำให้ Chrome ดึงทรัพยากร Dependency แบบละเอียดได้พร้อมกัน ใช้ประโยชน์จากการแคช หลีกเลี่ยงการทำซ้ำในหน้า และตรวจสอบให้แน่ใจว่าสคริปต์ดำเนินการตามลำดับที่ถูกต้อง
<script type="module">
import {addText} from './utils.js';
addText('Modules are pretty cool.');
</script>
ระบบโมดูลที่ได้มาตรฐานนี้รวมวิธีการเขียนและจัดส่ง JavaScript แบบแยกส่วนไปยังเว็บเบราว์เซอร์ ในอนาคต ระบบเดียวกันนี้จะพร้อมใช้งานในโหนด ซึ่งช่วยให้เขียนและใช้ JavaScript แบบไอโซมอร์ฟิกได้ง่ายขึ้น
ดูข้อมูลเพิ่มเติมเกี่ยวกับโมดูลและแง่มุมต่างๆ ของ JavaScript ที่ได้รับผลกระทบจากโมดูลได้จากลิงก์ด้านล่าง
Web Share API
หากคุณต้องการให้ผู้ใช้แชร์เนื้อหาของคุณในโซเชียลเน็ตเวิร์กที่โปรดปรานได้อย่างง่ายดาย คุณต้องรวมปุ่มแชร์ไว้ในเว็บไซต์สำหรับแต่ละโซเชียลเน็ตเวิร์ก โดยการเพิ่มความขยายใหญ่ให้กับหน้าเว็บ ไม่ได้พอดีกับ UI ของคุณอย่างสวยงามเสมอไป และหมายความว่าคุณต้องใส่โค้ดจากเว็บไซต์ของบุคคลที่สาม
Web Share API พร้อมให้ใช้งานใน Chrome สำหรับ Android แล้ววันนี้ ทำให้คุณเปิดใช้ความสามารถในการแชร์แบบเนทีฟของอุปกรณ์ของผู้ใช้ ทำให้ผู้ใช้แชร์ข้อความหรือลิงก์กับแอปที่มาพร้อมเครื่องซึ่งติดตั้งไว้ได้อย่างง่ายดาย
ในรุ่นถัดไป API นี้จะสามารถแชร์ไปยังเว็บแอปที่ติดตั้งไว้ได้ด้วย
เพียงเรียกใช้ navigator.share พร้อมกับรายละเอียดของหน้าที่คุณต้องการแชร์ ระบบจะจัดการส่วนที่เหลือให้
navigator.share({
title: document.title, text: 'Hello',
url: window.location.href
}).then(() => {
console.log('Successful share');
});
ดูรายละเอียดทั้งหมดและแนวทางปฏิบัติแนะนำบางส่วนได้ในการอัปเดต WebShare API ของ Paul
WebUSB
อุปกรณ์ต่อพ่วงฮาร์ดแวร์ส่วนใหญ่ เช่น แป้นพิมพ์ เมาส์ เครื่องพิมพ์ และเกมแพดได้รับการสนับสนุนโดย API ของแพลตฟอร์มเว็บระดับสูง แต่การใช้อุปกรณ์ USB เฉพาะทางด้านการศึกษา วิทยาศาสตร์ อุตสาหกรรม หรืออุปกรณ์ USB อื่นๆ ในเบราว์เซอร์นั้นเป็นเรื่องยาก โดยมากจะต้องใช้ไดรเวอร์พิเศษ
ตอนนี้ Chrome รองรับ WebUSB API ซึ่งทำให้เว็บแอปสื่อสารกับอุปกรณ์ USB ได้หลังจากผู้ใช้ให้ความยินยอมแล้ว หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับข้อควรพิจารณาด้านความปลอดภัยและความเป็นส่วนตัว รวมทั้งวิธีแก้ปัญหา โปรดดูที่ข้อมูลจำเพาะของ WebUSB
จากนั้นเมื่อพร้อมเจาะลึกแล้ว ให้อ่านข้อมูลอัปเดตในโพสต์ WebUSB ของ Francois
และอีกมากมาย
- ตอนนี้คุณระบุความลื่นไหลในการเลื่อนได้แล้วด้วยพร็อพเพอร์ตี้ CSS
scroll-behavior - ค่าสีแบบเลขฐาน 16 ของ CSS สามารถระบุความโปร่งใสของอัลฟ่าได้โดยการเพิ่มตัวเลขที่ด้านท้ายของสตริง
- คุณจะเข้าถึงตำแหน่งที่สัมพันธ์กันของเนื้อหาบนหน้าจอได้ด้วย Visual Viewport API ซึ่งจะแสดงฟังก์ชันการทำงานที่ซับซ้อน เช่น การบีบและซูมได้อย่างตรงไปตรงมามากขึ้น
ทั้งหมดนี้เป็นเพียงการเปลี่ยนแปลงบางส่วนใน Chrome 61 สำหรับนักพัฒนาซอฟต์แวร์
จากนั้นติดตามช่อง YouTube ของเรา และคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่
ผมชื่อ Pete LePage และทันทีที่เปิดตัว Chrome 62 ผมจะบอกคุณว่า มีอะไรใหม่ใน Chrome!