- Chrome 61 รองรับโมดูล JavaScript แล้ว จึงสามารถเขียน JavaScript แบบแยกส่วนเข้าด้วยกัน
- ตอนนี้คุณใช้
navigator.shareเพื่อเรียกใช้กล่องโต้ตอบการแชร์ของ Android ดั้งเดิมได้แล้ว - WebUSB API พร้อมใช้งานแล้ว ซึ่งช่วยให้เว็บแอปเข้าถึงอุปกรณ์ USB ที่ผู้ใช้อนุญาตได้
- และยังมีอีกมากมาย
หากต้องการดูรายการการเปลี่ยนแปลงทั้งหมด ดูรายการการเปลี่ยนแปลงที่เก็บข้อมูลซอร์สโค้ด Chromium
และ Pete LePage จะเป็นผู้ดูแลคุณในวันนี้ ไปดูกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 61 กัน
โมดูล JavaScript
Chrome 61 เพิ่มการรองรับโมดูล JavaScript โดยตรงผ่านองค์ประกอบ <script type="module"> ซึ่งช่วยให้ Chrome ดึงข้อมูลทรัพยากรที่เกี่ยวข้องแบบละเอียดได้พร้อมกัน ใช้ประโยชน์จากการแคช หลีกเลี่ยงการซ้ำกันทั่วทั้งหน้า และตรวจสอบว่าสคริปต์ทำงานตามลำดับที่ถูกต้อง
<script type="module">
import {addText} from './utils.js';
addText('Modules are pretty cool.');
</script>
ระบบโมดูลที่เป็นมาตรฐานนี้รวมวิธีเขียนและส่ง JavaScript แบบโมดูลนี้ไปยังเว็บเบราว์เซอร์ ในอนาคต ระบบเดียวกันนี้จะพร้อมใช้งานในโหนด ซึ่งทำให้คุณเขียนและติดตั้งใช้งาน JavaScript แบบ isomorphic ได้ง่ายขึ้น
ดูข้อมูลเพิ่มเติมเกี่ยวกับโมดูลและด้านต่างๆ ของ 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 เฉพาะทางด้านการศึกษา วิทยาศาสตร์ อุตสาหกรรม หรืออื่นๆ ในเบราว์เซอร์นั้นทำได้ยาก เนื่องจากมักต้องใช้ไดรเวอร์เฉพาะ
ตอนนี้ Chrome รองรับ WebUSB API ซึ่งช่วยให้เว็บแอปสื่อสารกับอุปกรณ์ USB ได้หลังจากที่ผู้ใช้ให้ความยินยอม ดูข้อมูลเพิ่มเติมเกี่ยวกับข้อควรพิจารณาด้านความปลอดภัยและความเป็นส่วนตัว รวมถึงวิธีจัดการกับข้อควรพิจารณาเหล่านั้นได้ในข้อกำหนด WebUSB
เมื่อพร้อมใช้งานแล้ว โปรดดูโพสต์ WebUSB เกี่ยวกับการอัปเดตของ Francois
และอีกมากมาย
- ตอนนี้คุณระบุความลื่นไหลในการเลื่อนได้ด้วยพร็อพเพอร์ตี้ CSS
scroll-behavior - ตอนนี้ค่าสีฐานสิบหกของ CSS สามารถระบุความโปร่งแสงของอัลฟ่าได้โดยการเพิ่มตัวเลขต่อท้ายสตริง
- คุณสามารถเข้าถึงตำแหน่งสัมพัทธ์ของเนื้อหาหน้าจอได้ด้วย Visual Viewport API ซึ่งจะแสดงฟังก์ชันการทำงานที่ซับซ้อน เช่น การบีบและซูม ได้อย่างตรงไปตรงมามากขึ้น
การเปลี่ยนแปลงเหล่านี้เป็นเพียงส่วนหนึ่งใน Chrome 61 สําหรับนักพัฒนาซอฟต์แวร์
จากนั้นติดตามช่อง YouTube แล้วคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่
ผมชื่อ Pete LePage และทันทีที่ Chrome 62 เปิดตัว เราจะมาบอกคุณถึงสิ่งใหม่ๆ ใน Chrome