- ตอนนี้ 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 แบบโมดูลไปยังเว็บเบราว์เซอร์ ในอนาคต ระบบเดียวกันนี้จะพร้อมใช้งานใน Node ซึ่งจะช่วยให้คุณเขียนและติดตั้งใช้งาน 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