คำแนะนำในการพัฒนาเว็บที่ทันสมัยพร้อมใช้งานแล้ว อัปเกรด Agent การเขียนโค้ดด้วยแนวทางปฏิบัติแนะนำในการพัฒนาเว็บที่ผ่านการตรวจสอบโดยผู้เชี่ยวชาญ อ่านประกาศ

Google ใช้เทคโนโลยี AI เพื่อแปลเนื้อหาเป็นภาษาที่คุณต้องการ การแปลโดย AI อาจมีข้อผิดพลาด

Chrome 148 เบต้า

Rachel Andrew Technical Writer

เผยแพร่เมื่อวันที่ 8 เมษายน 2026

การเปลี่ยนแปลงต่อไปนี้จะมีผลกับ Chrome เบต้าล่าสุดสำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์เหล่านี้ได้โดยใช้ลิงก์ที่ให้ไว้หรือไปที่ ChromeStatus.com โดย Chrome อยู่ในเวอร์ชันเบต้า ณ วันที่เผยแพร่ข้อมูลนี้ คุณดาวน์โหลดรุ่นเบต้าล่าสุดได้จาก Google.com สำหรับเดสก์ท็อปหรือจาก Google Play Store บน Android

CSS และ UI

การค้นหาคอนเทนเนอร์แบบชื่อเท่านั้นใน CSS

ตอนนี้คุณสามารถค้นหาคอนเทนเนอร์ CSS โดยอิงตาม container-name เท่านั้นโดยไม่ต้องตั้งค่า container-type ในองค์ประกอบ

#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}

<div id="container">
  <div><input></div>
</div>

ตัดข้อความที่ล้นออกเมื่อผู้ใช้โต้ตอบ

เมื่อผู้ใช้โต้ตอบ (เช่น โดยการแก้ไขหรือใช้การไปยังส่วนต่างๆ ด้วยเคอร์เซอร์ข้อความ) กับข้อความที่มีการตั้งค่า text-overflow: ellipsis ข้อความจะเปลี่ยนจากจุดไข่ปลาเป็นคลิปชั่วคราว ซึ่งจะช่วยให้ผู้ใช้เห็นและโต้ตอบกับเนื้อหาที่ซ่อนอยู่ได้ ฟีเจอร์นี้ใช้ได้กับองค์ประกอบทั้งหมดที่แก้ไขได้และแก้ไขไม่ได้ สำหรับตัวควบคุมแบบฟอร์ม เช่น <textarea> และ <input> ลักษณะการทำงานนี้ได้รับการรองรับอยู่แล้ว

ตั้งค่า `dropEffect` สำหรับเหตุการณ์ `dragEnter`, `dragLeave` และ `dragOver` อย่างถูกต้อง

ข้อกำหนดการลากและวางกำหนดให้แอตทริบิวต์ dropEffect ของออบเจ็กต์ dataTransfer ต้องมีค่าที่กำหนดไว้ล่วงหน้าบางค่าใน dragEnter, dragOver และ dragLeave dragEnter และ dragOver ควรมี dropEffect ตาม effectAllowed ปัจจุบัน dragLeave ควรมี none dropEffect เสมอ ปัจจุบัน Chrome ไม่ได้ปฏิบัติตามกฎเหล่านี้ ตั้งแต่ Chrome 148 เป็นต้นไป Chrome จะปฏิบัติตามข้อกำหนดและกำหนดค่าที่ถูกต้องให้กับแอตทริบิวต์นี้

องค์ประกอบวิดีโอและเสียงที่โหลดแบบ Lazy Loading

ฟีเจอร์นี้จะเพิ่มแอตทริบิวต์ loading ลงในองค์ประกอบ <video> และ <audio> ซึ่งช่วยให้นักพัฒนาซอฟต์แวร์เลื่อนเวลาโหลดทรัพยากรสื่อออกไปจนกว่าองค์ประกอบจะอยู่ใกล้วิวพอร์ตโดยใช้ loading="lazy" ซึ่งตรงกับลักษณะการทำงานของการโหลดแบบ Lazy Loading ที่มีอยู่สำหรับองค์ประกอบ <img> และ <iframe> ซึ่งจะช่วยปรับปรุงประสิทธิภาพการโหลดหน้าเว็บและลดปริมาณการใช้อินเทอร์เน็ต

ฟังก์ชัน CSS `at-rule()` สำหรับการตรวจหาฟีเจอร์

ฟีเจอร์นี้เพิ่มฟังก์ชัน at-rule() ลงใน CSS @supports ซึ่งช่วยให้ผู้เขียนตรวจหาการรองรับ At-rule ของ CSS ได้

เพิ่มคีย์เวิร์ด `revert-rule`

คีย์เวิร์ด revert-rule จะย้อนกลับการเรียงซ้อนไปยังกฎก่อนหน้า คล้ายกับวิธีที่ revert-layer ย้อนกลับการเรียงซ้อนไปยังเลเยอร์ก่อนหน้า เช่น

div { color: green; }
div { color: revert-rule; /* Effectively green */ }

ซึ่งจะเป็นประโยชน์อย่างยิ่งกับเงื่อนไข เนื่องจากช่วยให้คุณกำจัดกฎปัจจุบันได้หากไม่เป็นไปตามเงื่อนไข ดังนี้

div {
  display: if(style(--layout: fancy): grid; else: revert-rule);
}

สนับสนุน `text-decoration-skip-ink: all`

ฟีเจอร์นี้เพิ่มการรองรับค่า all สำหรับพร็อพเพอร์ตี้ CSS text-decoration-skip-ink พร็อพเพอร์ตี้ text-decoration-skip-ink รองรับ auto และ none อยู่แล้ว ค่า all จะขยายการทำงานนี้โดยใช้การข้ามหมึกกับอักขระทั้งหมดโดยไม่มีเงื่อนไข รวมถึงอักขระ CJK ในทางตรงกันข้าม auto จะไม่ข้ามอักขระ CJK เนื่องจากแนวโน้มการข้ามหมึกมักจะทำให้เกิดผลลัพธ์ภาพที่ไม่พึงประสงค์สำหรับสคริปต์อักษรภาพที่ตำแหน่งขีดเส้นใต้ทั่วไป text-decoration-skip-ink: all ช่วยให้ผู้เขียนที่ปรับ text-underline-position หรือ text-underline-offset เพื่อหลีกเลี่ยงการทับซ้อนกับอักขระ CJK สามารถเลือกใช้การเว้นหมึกสำหรับอักขระเหล่านั้นได้อย่างชัดเจน

Web API

Localize manifest members

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

รองรับ Open Font Format `avar2` สำหรับการจัดรูปแบบข้อความและการแสดงผลอักขระ

ตาราง avar (Axis Variations) เวอร์ชัน 2 ช่วยให้นักออกแบบแบบอักษรสร้างแบบอักษรที่ปรับเปลี่ยนได้พร้อมการควบคุมการประมาณค่าในช่วงที่ดีขึ้น แม้ว่าข้อกำหนดเฉพาะของแบบอักษรปรับขนาดได้แบบเดิมจะจัดการแกนต่างๆ อย่างเป็นอิสระ แต่ avar2 จะทำให้แกนต่างๆ มีอิทธิพลต่อกันและกัน ซึ่งส่งผลให้ผู้เขียนเนื้อหาใช้แบบอักษรได้ง่ายขึ้นและจัดเก็บได้กะทัดรัด

Avar2 ทำงานโดยใช้แนวคิดที่คุ้นเคยเดียวกันเกี่ยวกับรูปแบบอักษร แต่จะช่วยให้คุณใช้ค่าเดลต้าของตัวแปรกับแกนการออกแบบได้โดยตรง คุณสามารถดำเนินการนี้ได้ในหลายแกน

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

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

โหมด UI ทันทีของการตรวจสอบสิทธิ์เว็บ

โหมดใหม่สำหรับ navigator.credentials.get() นี้จะทำให้ UI การลงชื่อเข้าใช้ของเบราว์เซอร์แสดงต่อผู้ใช้หากเบราว์เซอร์ทราบพาสคีย์หรือรหัสผ่านสำหรับเว็บไซต์ทันที มิฉะนั้น ระบบจะปฏิเสธสัญญาด้วย NotAllowedError หากไม่มีข้อมูลเข้าสู่ระบบดังกล่าว ซึ่งจะช่วยให้เว็บไซต์หลีกเลี่ยงการแสดงหน้าลงชื่อเข้าใช้ได้หากเบราว์เซอร์สามารถเสนอตัวเลือกข้อมูลเข้าสู่ระบบที่น่าจะสำเร็จ แต่จะยังคงอนุญาตให้ใช้ขั้นตอนของหน้าลงชื่อเข้าใช้ในกรณีที่ไม่มีข้อมูลเข้าสู่ระบบดังกล่าว

การรองรับ Web Serial API ใน Android

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

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

ฟีเจอร์ WebGPU `linear_indexing`

ฟังก์ชันนี้เพิ่มค่าในตัวของ Compute Shader ใหม่ 2 ค่าเพื่อปรับปรุงประสบการณ์ของผู้ใช้ ระบบจะใช้ค่าเหล่านี้กับแบ็กเอนด์ทั้งหมด (เป็น Polyfill ของค่าที่มีอยู่แล้วในตัว)

การสนับสนุน `SharedWorker` ใน Android

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

อย่างไรก็ตาม การสนทนาล่าสุดใน GitHub ชี้ให้เห็นว่าลักษณะที่คาดเดาไม่ได้ของวงจรของกระบวนการ SharedWorker อาจไม่ใช่ปัญหาที่สำคัญอย่างที่คิดไว้ก่อนหน้านี้ ด้วยเหตุนี้ Chrome จึงเปิดใช้ SharedWorker อีกครั้งใน Android พร้อมกับตรวจสอบลักษณะการทำงานนี้เพื่อรับประกันประสบการณ์การใช้งานที่เสถียรและเชื่อถือได้

อายุการใช้งานที่นานขึ้นสำหรับ Shared Worker

การอัปเดตนี้เพิ่มตัวเลือกใหม่ extendedLifetime: true ลงในเครื่องมือสร้าง SharedWorker ซึ่งจะขอให้ Shared Worker ทำงานอยู่ต่อไปแม้หลังจากที่ไคลเอ็นต์ปัจจุบันทั้งหมดเลิกโหลดแล้ว กรณีการใช้งานหลักคือการอนุญาตให้หน้าเว็บทำงานแบบอะซิงโครนัสที่ต้องใช้ JavaScript หลังจากที่หน้าเว็บยกเลิกการโหลด โดยไม่ต้องอาศัย Service Worker

Prompt API

Prompt API ช่วยให้นักพัฒนาเว็บเข้าถึงโมเดลภาษา AI ในอุปกรณ์ที่เบราว์เซอร์จัดหาให้ได้โดยตรง การออกแบบ API มีการควบคุมที่ละเอียดสอดคล้องกับรูปแบบ Cloud APIs ซึ่งจะช่วยให้คุณเพิ่มประสิทธิภาพเว็บไซต์อย่างต่อเนื่องด้วยการโต้ตอบกับโมเดลที่ปรับให้เหมาะกับกรณีการใช้งานของแต่ละบุคคล ซึ่งจะช่วยเสริม API ของโมเดลภาษาตามงาน (เช่น Summarizer API) รวมถึง API และเฟรมเวิร์กต่างๆ สำหรับการอนุมานแบบทั่วไปในอุปกรณ์ด้วยโมเดล ML ที่นักพัฒนาซอฟต์แวร์จัดหาให้ การใช้งานเริ่มต้นรองรับอินพุตข้อความ รูปภาพ และเสียง รวมถึงข้อจำกัดของคำตอบที่ช่วยให้มั่นใจได้ว่าข้อความที่สร้างขึ้นเป็นไปตามรูปแบบนิพจน์ทั่วไปและ JSON Schema ที่กำหนดไว้ล่วงหน้า

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

API นี้ได้เผยแพร่ในส่วนขยาย Chrome แล้ว Intent นี้จะติดตามการจัดส่งบนเว็บ นโยบายระดับองค์กร GenAILocalFoundationalModelSettings พร้อมให้ใช้งานเพื่อปิดใช้การดาวน์โหลดโมเดลพื้นฐาน ซึ่งจะทำให้ API นี้ใช้งานไม่ได้ นอกจากนี้ ผู้ดูแลระบบขององค์กรยังสามารถตั้งค่านโยบาย BuiltInAIAPIsEnabled เพื่อให้บล็อกการใช้งาน Built-In AI API ในขณะที่ยังอนุญาตให้ใช้ฟีเจอร์ GenAI ในอุปกรณ์อื่นๆ ได้

บันทึกการสนับสนุนด้านภาษา:

Chrome 139 และเวอร์ชันก่อนหน้ารองรับเฉพาะภาษาอังกฤษ ('en')
Chrome 140 เพิ่มการรองรับภาษาสเปนและญี่ปุ่น ('es' และ 'ja')

รับความสามารถในการยืนยันการชำระเงินที่ปลอดภัย

ฟีเจอร์นี้จะเพิ่มเมธอดแบบคงที่ใหม่ลงใน Payment Request API ซึ่งช่วยให้นักพัฒนาเว็บได้รับความสามารถในการใช้งาน Secure Payment Confirmation ของเบราว์เซอร์ ซึ่งจะช่วยให้นักพัฒนาเว็บทราบว่า Secure Payment Confirmation มีความสามารถใดบ้าง จากนั้นผู้ใช้จะเลือกได้ว่าจะใช้ Secure Payment Confirmation ที่มีความสามารถเหล่านั้นหรือไม่

กฎ ContextJ ของ IDNA

IDNA เป็นกลไกสำหรับอักขระที่ไม่ใช่ ASCII ในชื่อโดเมน โดยจะเข้ารหัส URL เช่น http://네이버.한국/ เป็น http://xn--950bt9s8xi.xn--3e0b707e/ (การเปลี่ยนเส้นทางไปยัง naver.com)

ข้อกำหนด URL จะตั้งค่าแฟล็ก CheckJoiners ซึ่งจะเปิดใช้กฎ ContextJ ใน IDNA2008 ซึ่งจะไม่อนุญาต ZWNJ (U+200C ZERO WIDTH NON-JOINER) และ ZWJ (U+200D ZERO WIDTH JOINER) ในตำแหน่งส่วนใหญ่ใน URL การติดตั้งใช้งานจะส่งตัวเลือก UIDNA_CHECK_CONTEXTJ ไปยัง ICU ซึ่งเป็นตำแหน่งที่ติดตั้งใช้งานกฎนี้

นำรูปภาพที่ไม่มีพื้นที่เก็บข้อมูลมาใช้ซ้ำในการกำหนดแหล่งที่มาเดียวกันใหม่

ฟีเจอร์นี้ช่วยให้การใช้รูปภาพที่พร้อมใช้งานซ้ำในเอกสารเดียวกันข้ามการโหลด Cache-Control: no-store ซ้ำเมื่อมีการกำหนดค่า src เดียวกันให้กับองค์ประกอบ <img> อีกครั้ง ก่อนหน้านี้ Blink จะดึงข้อมูลรูปภาพอีกครั้งแม้ว่าจะถอดรหัสและพร้อมใช้งานในเอกสารแล้วก็ตาม ซึ่งสอดคล้องกับลักษณะการทำงานของ Gecko และ WebKit ที่มีอยู่

เพิ่มช่อง `contentType` ลงใน Resource Timing

ฟีเจอร์นี้จะเพิ่มช่อง contentType ลงใน PerformanceResourceTiming เพื่อเก็บ สตริงที่สอดคล้องกับประเภทเนื้อหาของทรัพยากรที่ดึงข้อมูลตามที่ เซิร์ฟเวอร์แสดงผล

ระงับเหตุการณ์ตัวชี้เมื่อเริ่มลาก

ตามข้อกำหนด HTML เมื่อเริ่มการลาก User Agent ควรส่งเหตุการณ์ที่เหมาะสมไปยังแหล่งที่มาของการลากเพื่อระบุว่าสตรีมเหตุการณ์ตัวชี้สิ้นสุดแล้ว และไม่ควรคาดหวังเหตุการณ์เพิ่มเติมจากตัวชี้นี้ โค้ดนี้ใช้บางส่วนสำหรับเหตุการณ์การใช้เมาส์ และใช้ทั้งหมดสำหรับการลากด้วยการสัมผัสบน Android Chrome มุ่งหวังที่จะปฏิบัติตามข้อกำหนดเฉพาะนี้อย่างเต็มที่ในแพลตฟอร์มอื่นๆ ทั้งหมดด้วยฟีเจอร์นี้ ในทางปฏิบัติ หมายความว่าหลังจากเริ่มการลากแล้ว แหล่งที่มาของการลากจะได้รับเหตุการณ์ pointercancel, pointerout และ pointerleave เพื่อระบุว่าสตรีมเหตุการณ์ปัจจุบันเสร็จสิ้นแล้ว

WebRTC Datachannel: เจรจาต่อรองช่องทางข้อมูลเสมอ

ฟีเจอร์นี้ใช้ส่วนขยาย WebRTC alwaysNegotiateDataChannels ซึ่งกำหนดวิธีให้แอปพลิเคชันเจรจาต่อรองช่องทางข้อมูลในข้อเสนอ SDP ก่อนสร้างช่องทางข้อมูล นอกจากนี้ยังเจรจาส่วนข้อมูล m= ก่อนส่วนเสียงหรือวิดีโอ m และใช้เป็น "ส่วน m= ที่ติดแท็กผู้เสนอ" สำหรับ [BUNDLE]

ซึ่งหมายความว่าหากคุณสร้าง RTCPeerConnection ด้วย alwaysNegotiateDataChannels: true แล้วเรียกใช้ createOffer() ระบบจะสร้างข้อเสนอที่มี m-line ของแอปพลิเคชันใน SDP เช่น

  const pc = new RTCPeerConnection({
    alwaysNegotiateDataChannels: true});
  const offer = await pc.createOffer();

หากคุณเพิ่มตัวรับส่งสัญญาณเสียงและช่องทางข้อมูลด้วย ข้อเสนอจะเจรจาต่อรอง m-line ของแอปพลิเคชันตามด้วย m-line ของเสียงใน SDP ดังนี้

  const pc = new RTCPeerConnection({
    alwaysNegotiateDataChannels: true});
  pc.addTransceiver('audio');
  pc.createDataChannel('somechannel');
  const offer = await pc.createOffer();

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

ใน Chrome 148 คุณสามารถเลือกใช้ช่วงทดลองใช้จากต้นทางใหม่ต่อไปนี้ได้

การเข้าสู่ระบบแบบรวมศูนย์ผ่านระบบที่เป็น Agent

ชุดส่วนขยาย FedCM ที่ช่วยให้เบราว์เซอร์แบบ Agentic ลงชื่อเข้าใช้เว็บไซต์ของผู้ใช้ได้อย่างปลอดภัยโดยใช้บัญชีแบบรวมศูนย์

รายการการเชื่อมต่อที่อนุญาต

รายการที่อนุญาตสำหรับการเชื่อมต่อเป็นฟีเจอร์ที่ออกแบบมาเพื่อให้ควบคุมปลายทางภายนอกได้อย่างชัดเจน โดยจำกัดการเชื่อมต่อที่เริ่มต้นผ่าน Fetch API หรือ API ของแพลตฟอร์มเว็บอื่นๆ จากเอกสารหรือ Worker การใช้งานที่เสนอจะกระจายรายการปลายทางที่ได้รับอนุญาตจากเซิร์ฟเวอร์ผ่านส่วนหัวการตอบกลับ HTTP ก่อนที่ User Agent จะสร้างการเชื่อมต่อในนามของหน้าเว็บ ตัวแทนจะประเมินปลายทางเทียบกับรายการที่อนุญาตนี้ ระบบจะอนุญาตการเชื่อมต่อกับปลายทางที่ยืนยันแล้ว ส่วนการเชื่อมต่อที่ไม่ตรงกับรายการในลิสต์จะถูกบล็อก

เวลาของคอนเทนเนอร์

Container Timing API ช่วยให้คุณตรวจสอบได้ว่าส่วนที่มีคำอธิบายประกอบของ DOM แสดงบนหน้าจอและแสดงผลครั้งแรกเสร็จสมบูรณ์เมื่อใด คุณสามารถทำเครื่องหมายส่วนย่อยของ DOM ด้วยแอตทริบิวต์ containertiming (คล้ายกับ elementtiming สำหรับ Element Timing API) และรับรายการประสิทธิภาพเมื่อส่วนนั้นได้รับการแสดงผลเป็นครั้งแรก API นี้ช่วยให้คุณวัดเวลาของคอมโพเนนต์ต่างๆ ในหน้าเว็บได้

สคริปต์โมดูล CSS แบบประกาศ

สคริปต์โมดูล CSS แบบประกาศเป็นส่วนขยายของสคริปต์โมดูล CSS ที่อิงตามสคริปต์ที่มีอยู่ ซึ่งช่วยให้นักพัฒนาแอปแชร์สไตล์ชีตแบบประกาศกับ Shadow Root ได้ รวมถึง Shadow Root แบบประกาศด้วย นักพัฒนาแอปสามารถกำหนดโมดูลสไตล์ในบรรทัดด้วย <style type="module" specifier="foo"> และใช้โมดูลเชิงประกาศกับ Shadow DOM เชิงประกาศโดยอ้างอิง specifier หรือ URL เช่น <template shadowrootmode="open" shadowrootadoptedstylesheets="foo">

HTML-in-canvas

HTML-in-canvas เป็น API ใหม่ที่ช่วยให้คุณปรับแต่งการแสดงผลองค์ประกอบ DOM ลงใน Canvas หรือพื้นผิว WebGL/WebGPU ได้โดยตรง ขณะเดียวกันก็ยังคงรักษาความสามารถในการโต้ตอบและการช่วยเหลือพิเศษของเนื้อหาไว้ ซึ่งประกอบด้วย 3 ส่วน ได้แก่ แอตทริบิวต์เพื่อเลือกใช้องค์ประกอบ Canvas (layoutsubtree) เมธอดในการวาดองค์ประกอบย่อย (2d: drawElementImage, webgl:texElementImage2D, webgpu: copyElementImageToTexture) และวิธีอัปเดตการเปลี่ยนรูปแบบขององค์ประกอบอย่างถูกต้อง บนหน้าจอสำหรับการโต้ตอบ

ระยะเวลาของรูปแบบเฟรมของภาพเคลื่อนไหวที่ใช้เวลานาน

ฟีเจอร์นี้จะเพิ่มข้อมูล styleDuration และ forcedStyleDuration ลงใน Long Animation Frame API ซึ่งช่วยให้นักพัฒนาแอปแยกแยะเวลาในการจัดสไตล์และเลย์เอาต์ได้

`OpaqueRange`

OpaqueRange แสดงถึงช่วงข้อความแบบเรียลไทม์ภายในค่าของตัวควบคุมแบบฟอร์ม (เช่น <textarea> หรือข้อความ <input>) เพื่อให้นักพัฒนาซอฟต์แวร์ทำงานกับข้อความค่าได้โดยใช้ API ที่คล้ายกับช่วง

ซึ่งช่วยให้ดำเนินการต่างๆ เช่น getBoundingClientRect(), getClientRects() และใช้กับ CSS Highlights API สำหรับ UI เช่น คำแนะนำในบรรทัด ไฮไลต์ และป๊อปโอเวอร์ที่ยึดตำแหน่งได้ โดยจะรักษาการห่อหุ้มด้วยการแสดงเฉพาะออฟเซ็ตค่า (และแสดงผลเป็น Null สำหรับ startContainer และ endContainer) เพื่อไม่ให้ปลายทาง DOM และโครงสร้างภายในแสดงออกมา

แยกวิเคราะห์วิธีการประมวลผลใน HTML

วิธีการประมวลผล (ไวยากรณ์: <?target data>) เป็นโครงสร้าง DOM ที่มีอยู่ซึ่งแสดงใน XML โครงสร้างนี้ช่วยให้วัตถุโหนดที่ไม่ใช่องค์ประกอบมีความหมายเชิงความหมายสำหรับการประมวลผลเอกสาร เช่น คุณสามารถใช้เพื่อระบุช่วงสำหรับการสตรีมหรือไฮไลต์โดยไม่ต้องใช้องค์ประกอบ DOM ใหม่และเปลี่ยนโครงสร้าง DOM เท่าที่ CSS เกี่ยวข้อง นอกจากนี้ คุณยังใช้เป็นคำสั่งสำหรับโปรแกรมแยกวิเคราะห์ HTML เกี่ยวกับวิธีบัฟเฟอร์และสตรีมได้ด้วย

นโยบายสิทธิ์การใช้งาน: focus-without-user-activation

นโยบายนี้ช่วยให้ผู้ฝังควบคุมโฟกัสแบบเป็นโปรแกรมจากเนื้อหาที่ฝังผ่านนโยบายสิทธิ์ focus-without-user-activation ได้ เมื่อนโยบายถูกปฏิเสธสำหรับเฟรม การเรียกใช้โฟกัสแบบเป็นโปรแกรม (element.focus(), autofocus, window.focus(), dialog.showModal() และการโฟกัสป๊อปโอเวอร์) จะถูกบล็อก เว้นแต่จะมีการเรียกใช้โดยกิจกรรมของผู้ใช้ การโฟกัสที่ผู้ใช้เริ่ม เช่น การคลิกหรือการใช้แท็บ จะไม่ได้รับผลกระทบ คุณตั้งค่านโยบายได้ผ่านส่วนหัวการตอบกลับ HTTP Permissions-Policy หรือแอตทริบิวต์ iframe allow รองรับการมอบสิทธิ์โฟกัส เฟรมหลักที่มีโฟกัสสามารถส่งโฟกัสไปยัง iframe ย่อยแบบเป็นโปรแกรมได้ แม้ว่าเฟรมย่อยจะถูกปฏิเสธนโยบายก็ตาม เมื่อเฟรมมีโฟกัสแล้ว ก็จะย้ายโฟกัสภายในแผนผังย่อยของตัวเองได้

พารามิเตอร์การสุ่มตัวอย่างของ Prompt API

ฟีเจอร์นี้จะเพิ่มพารามิเตอร์การสุ่มตัวอย่างลงใน Prompt API พารามิเตอร์เหล่านี้จะควบคุมวิธีสุ่มตัวอย่างโทเค็นจากโมเดล ซึ่งช่วยให้นักพัฒนาแอปควบคุมความสร้างสรรค์หรือความสุ่มของเอาต์พุตได้ นอกจากนี้ ยังเพิ่มแอตทริบิวต์ลงในอินสแตนซ์ LanguageModel เพื่ออ่านค่าที่ตั้งไว้ด้วย นอกจากนี้ยังเพิ่มฟังก์ชัน LanguageModel แบบคงที่เพื่อรับค่าเริ่มต้นและค่าสูงสุดของพารามิเตอร์เหล่านี้ด้วย การติดตั้งใช้งานครั้งแรกจะเพิ่มพารามิเตอร์ temperature และ topK

องค์ประกอบการติดตั้ง HTML ของเว็บแอป

ฟีเจอร์นี้ช่วยให้เว็บไซต์แจ้งให้ผู้ใช้ติดตั้งเว็บแอปได้โดยการประกาศ องค์ประกอบจะยอมรับแอตทริบิวต์ 2 รายการ (ไม่บังคับ) ซึ่งช่วยให้คุณติดตั้งเนื้อหาจากต้นทางอื่นได้