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

Pete LePage

ใน Chrome 70 เราได้เพิ่มการรองรับสิ่งต่อไปนี้

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

และ Pete LePage จะเป็นผู้ดูแลคุณในวันนี้ เรามาเจาะลึกและดูว่า มีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 70 กัน!

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

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

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

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

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

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

Credential Management API: ข้อมูลเข้าสู่ระบบแบบคีย์สาธารณะ

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

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

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

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

ตั้งชื่อเป็น workers

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

ไม่มี WebWorker

เธรดหลัก
มี JavaScript จำนวนมากที่ทำงานอยู่ ซึ่งทําให้ประสบการณ์การใช้งานช้าและกระตุก

ด้วย WebWorkers

ชุดข้อความหลัก
ไม่มีการเรียกใช้ JavaScript จำนวนมาก ซึ่งทำให้ได้รับประสบการณ์การใช้งานที่รวดเร็วและราบรื่น
WebWorker
มีการเรียกใช้ JavaScript จำนวนมากที่หนักหน่วง แต่ไม่ส่งผลต่อเธรดหลัก

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

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