ฟีเจอร์ใหม่ใน Chrome 70

พีต เลอเพจ

ใน Chrome 70 เราได้เพิ่มการสนับสนุนสำหรับ

นอกจากนี้ยังมีอีกมากมาย

ฉันชื่อ Pete LePage มาเจาะลึกกันเลยว่า มีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 70!

หากต้องการดูรายการการเปลี่ยนแปลงทั้งหมด โปรดดูรายการการเปลี่ยนแปลงที่เก็บแหล่งที่มา Chromium

Progressive Web App บนเดสก์ท็อปใน Windows และ Linux

ผู้ใช้ติดตั้ง Progressive Web App สำหรับเดสก์ท็อปใน Windows และ Linux ได้แล้ว

เมื่อติดตั้งแล้ว แอปจะเปิดจากเมนู "เริ่ม" และทำงานเหมือนกับแอปอื่นๆ ทั้งหมดที่ติดตั้งไว้โดยไม่มีแถบที่อยู่หรือแท็บ โปรแกรมทำงานของบริการช่วยให้มั่นใจว่าประสบการณ์การใช้งานหน้าต่างแอปที่รวดเร็วและมีความเสถียร ทำให้ผู้ใช้รู้สึกว่าเหมือนแอปอื่นๆ ที่ติดตั้งไว้

การเริ่มต้นใช้งานไม่ได้ต่างออกไปจากที่คุณกำลังทำอยู่ในปัจจุบัน งานทั้งหมดที่คุณทำสำหรับ Progressive Web App ที่มีอยู่จะยังคงมีผล หากแอปเป็นไปตามเกณฑ์ PWA มาตรฐาน Chrome จะเริ่มเหตุการณ์ beforeinstallprompt บันทึกเหตุการณ์ จากนั้น เพิ่ม UI บางรายการ (เช่น ปุ่มติดตั้งแอป) เพื่อบอกผู้ใช้ว่าแอปของคุณสามารถติดตั้งได้ จากนั้นเมื่อผู้ใช้คลิกปุ่ม ให้เรียก prompt() ในเหตุการณ์ที่บันทึกไว้ จากนั้น Chrome จะแสดงข้อความแจ้งแก่ผู้ใช้ หากคลิก "เพิ่ม" Chrome จะเพิ่ม PWA ของคุณในเมนูเริ่มต้นและในเดสก์ท็อป

โปรดดูรายละเอียดทั้งหมดที่โพสต์ PWA บนเดสก์ท็อป

API การจัดการข้อมูลเข้าสู่ระบบ: ข้อมูลเข้าสู่ระบบคีย์สาธารณะ

API การจัดการข้อมูลเข้าสู่ระบบ ช่วยให้ผู้ใช้ลงชื่อเข้าใช้ได้อย่างง่ายดาย โดยเว็บไซต์จะโต้ตอบกับเครื่องมือจัดการข้อมูลเข้าสู่ระบบหรือบริการของบัญชีแบบรวมศูนย์ของเบราว์เซอร์อย่างเช่น Google และ Facebook เพื่อลงชื่อเข้าใช้ได้

Chrome 70 เพิ่มการรองรับข้อมูลเข้าสู่ระบบประเภทที่ 3 ได้แก่ ข้อมูลเข้าสู่ระบบคีย์สาธารณะซึ่งอนุญาตให้เว็บแอปพลิเคชันสร้างและใช้งานข้อมูลเข้าสู่ระบบที่มีการเข้ารหัสที่รัดกุม มีการเข้ารหัสในระดับแอปพลิเคชัน เพื่อตรวจสอบสิทธิ์ผู้ใช้ได้อย่างเข้มงวด

ผมตื่นเต้นมากเพราะทำให้เว็บไซต์ใช้ลายนิ้วมือ ในการตรวจสอบสิทธิ์แบบ 2 ปัจจัยได้ อีกทั้งยังเพิ่มการรองรับคีย์ความปลอดภัยประเภทอื่นๆ และการรักษาความปลอดภัยที่ดีขึ้นบนเว็บ

ดูรายละเอียดเพิ่มเติมในเอกสาร API การจัดการข้อมูลรับรอง หรือลองใช้การสาธิต WebAuthn และวิธีเริ่มต้นใช้งาน

ตั้งชื่อว่า workers

ผู้ปฏิบัติงานเป็นวิธีง่ายๆ ในการย้าย JavaScript ออกจากเทรดหลักและไปที่เบื้องหลัง การดำเนินการนี้สำคัญอย่างยิ่งต่อการทำให้เว็บไซต์โต้ตอบได้ เนื่องจากเทรดหลักจะไม่ล็อกเมื่อใช้งานการประมวลผล JavaScript ที่มีราคาแพงหรือซับซ้อน

ไม่มี WebWorkers

เทรดหลัก
JavaScript ทำงานหนักจำนวนมากซึ่งทำให้การใช้งานช้าและมีคุณภาพต่ำ

ใช้ WebWorkers

เทรดหลัก
ไม่ต้องเรียกใช้ JavaScript จำนวนมาก ช่วยให้ใช้งานได้อย่างรวดเร็วและราบรื่น
WebWorker
การเรียกใช้ JavaScript จำนวนมากและไม่ส่งผลกระทบต่อเทรดหลัก

ตอนนี้ผู้ปฏิบัติงานจะมีแอตทริบิวต์ name ใน Chrome 70 ซึ่งระบุโดยอาร์กิวเมนต์ที่ไม่บังคับในตัวสร้าง

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

วิธีนี้จะช่วยให้คุณแยกความแตกต่างของผู้ปฏิบัติงานเฉพาะตาม name ได้เมื่อคุณมีผู้ปฏิบัติงานหลายคนที่ใช้ URL เดียวกัน คุณสามารถพิมพ์ชื่อได้ในคอนโซล เครื่องมือสำหรับนักพัฒนาเว็บ ทำให้ดูได้ง่ายขึ้นว่าผู้ปฏิบัติงานคนใดกำลังแก้ไขข้อบกพร่อง

โปรแกรมตั้งชื่อโปรแกรมพร้อมใช้งานใน Firefox, Edge และ Safari แล้ว ดูรายละเอียดเพิ่มเติมได้ที่การสนทนาใน GitHub

และอีกมากมาย

ทั้งหมดนี้เป็นการเปลี่ยนแปลงเพียงบางส่วนใน Chrome 70 สำหรับนักพัฒนาซอฟต์แวร์ แน่นอนว่ายังมีอย่างอื่นอีกมากมาย

ติดตาม

หากต้องการติดตามวิดีโอล่าสุดของเรา โปรดติดตามช่อง YouTube สำหรับนักพัฒนาซอฟต์แวร์ Chrome และคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่

ผมชื่อ Pete LePage และทันทีที่เปิดตัว Chrome 71 ผมจะบอกคุณว่า มีอะไรใหม่ใน Chrome!