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

Pete LePage

Chrome 78 พร้อมให้ใช้งานแล้ว

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

CSS Properties and Values API

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

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

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

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',
});

อ่านรายละเอียดทั้งหมดได้ในบทความพร็อพเพอร์ตี้ที่กำหนดเองที่ฉลาดขึ้นด้วย API ใหม่ของ Houdini ของ Sam Richard ใน web.dev

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

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

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

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

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

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

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

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

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

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


ระบบไฟล์เนทีฟ

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

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

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

ตัวรับ SMS

ช่วงทดลองใช้จากต้นทางของ SMS Receiver API จะเริ่มใน Chrome 78 และคาดว่าจะใช้งานใน Chrome 80

SMS Receiver API ซึ่งพร้อมให้ใช้งานในรุ่นทดลองของต้นทางแล้วจะช่วยให้เว็บแอปของคุณรับข้อความ 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