สิ่งใหม่ๆ ใน Chrome 78

Chrome 78 กำลังเปิดตัวแล้ว

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

CSS Properties and Value API

ตัวแปร CSS ที่ทางเทคนิคเรียกว่าคุณสมบัติที่กำหนดเองนั้นยอดเยี่ยม ซึ่งช่วยให้คุณกำหนดและใช้พร็อพเพอร์ตี้ของตนเองใน CSS ได้ แต่คุณสมบัติที่กำหนดเองไม่ได้เป็นแค่การค้นหาและแทนที่แบบง่ายๆ

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

หากคุณใช้ตัวแปรสำหรับสี แต่กำหนดให้ URL เป็นค่าหนึ่ง ระบบก็จะทิ้งกฎนั้นไปโดยไม่แจ้งให้คุณทราบ ด้วย API ค่าและพร็อพเพอร์ตี้ CSS คุณสามารถกำหนดประเภทและค่าสำรองเริ่มต้นสำหรับพร็อพเพอร์ตี้ที่กำหนดเอง

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

การลงทะเบียนพร็อพเพอร์ตี้นั้นง่ายพอๆ กับการเรียก window.CSS.registerProperty() และระบุชื่อพร็อพเพอร์ตี้ที่คุณกําหนดประเภทพร็อพเพอร์ตี้ ควรรับค่ามาและค่าเริ่มต้น

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

ดูรายละเอียดทั้งหมดได้จากบทความ คุณสมบัติแบบกำหนดเองที่ชาญฉลาดยิ่งขึ้นของ Sam Richard ด้วย API ใหม่ของ Houdini บน web.dev

Service Worker ที่ใหม่กว่า

ขณะนี้ระบบดำเนินการตรวจสอบไบต์ต่อไบต์สำหรับสคริปต์ Service Worker ที่ importScripts() นำเข้าแล้ว ที่ผ่านมา วิธีเดียวที่จะบังคับให้โปรแกรมทำงานของบริการที่ติดตั้งรับการเปลี่ยนแปลงกับสคริปต์ที่นำเข้าคือการเปลี่ยน URL ของสคริปต์ที่นำเข้า ซึ่งโดยปกติจะเป็นการเพิ่มค่าเซมเวอร์หรือแฮชใน URL

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

ตั้งแต่ Chrome 78 เป็นต้นไป ทุกครั้งที่มีการตรวจสอบการอัปเดตสำหรับไฟล์โปรแกรมทำงานของบริการระดับบนสุด Chrome จะตรวจสอบด้วยว่าเนื้อหาของสคริปต์ที่นำเข้ามีการเปลี่ยนแปลงหรือไม่ ถ้ามีการใช้งานก็จะเริ่มขั้นตอน การอัปเดตโปรแกรมทำงานของบริการอย่างเต็มรูปแบบ ซึ่งทำให้ Chrome สอดคล้องกับข้อกำหนด และสอดคล้องกับการทำงานของ Firefox และ Safari

Jeff มีรายละเอียดทั้งหมดอยู่ในโปรแกรมทำงานของบริการที่ใหม่กว่าโดยค่าเริ่มต้น ซึ่งรวมถึงสิ่งสำคัญบางอย่างที่ควรทราบเกี่ยวกับผลกระทบที่แคช HTTP มีต่อรอบการอัปเดต

ช่วงทดลองใช้จากต้นทางใหม่

ช่วงทดลองใช้จากต้นทางให้โอกาสเราในการตรวจสอบฟีเจอร์ทดลองและ API รวมถึงทำให้คุณสามารถแสดงความคิดเห็นเกี่ยวกับความสามารถในการใช้งานและประสิทธิภาพในการทำให้ใช้งานได้ในวงกว้างขึ้น

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

การเลือกใช้ช่วงทดลองใช้จากต้นทางช่วยให้คุณสร้างเดโมและต้นแบบที่ผู้ใช้การทดสอบเบต้าจะลองใช้ได้ในช่วงทดลองโดยไม่ต้องพลิกการแจ้งเตือนพิเศษใน Chrome

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


ระบบไฟล์ดั้งเดิม

ช่วงทดลองใช้จากต้นทางสำหรับ Native File System API จะเริ่มต้นใน Chrome 78 และคาดว่าจะทำงานได้ผ่าน Chrome 80

Native File System API ช่วยให้นักพัฒนาซอฟต์แวร์สร้างเว็บแอปที่มีประสิทธิภาพซึ่งโต้ตอบกับไฟล์ในอุปกรณ์ของผู้ใช้ได้ หลังจากที่ผู้ใช้ให้สิทธิ์เข้าถึงเว็บแอปแล้ว API นี้จะอนุญาตให้เว็บแอปอ่านหรือบันทึกการเปลี่ยนแปลงไปยังไฟล์และโฟลเดอร์ในอุปกรณ์ของผู้ใช้ได้โดยตรง

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

ตัวรับ SMS

ช่วงทดลองใช้จากต้นทางสำหรับ SMS Receiver API จะเริ่มต้นใน Chrome 78 และคาดว่าจะใช้งานได้ผ่าน Chrome 80

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

Eiji เขียนว่ายืนยันหมายเลขโทรศัพท์ในเว็บด้วย SMS Receiver API พร้อมรายละเอียดทั้งหมดและวิธีลงชื่อสมัครทดลองใช้จากต้นทาง

Chrome Dev Summit 2019

อย่าลืมเข้าร่วม Chrome Dev Summit ในวันที่ 11 และ 12 พฤศจิกายนนี้ ซึ่งจะมีสตรีมแบบสดบนช่อง YouTube สำหรับนักพัฒนาซอฟต์แวร์ Chrome


อ่านเพิ่มเติม

ส่วนนี้ครอบคลุมไฮไลต์สำคัญเพียงบางส่วนเท่านั้น ไปที่ลิงก์ด้านล่างสำหรับ การเปลี่ยนแปลงเพิ่มเติมใน Chrome 78

ติดตาม

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

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