เผยแพร่: 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 ซึ่งช่วยให้ผู้เขียน
ตรวจหาฟีเจอร์ที่รองรับกฎ @ ของ 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
แปลสมาชิกในไฟล์ Manifest
ฟีเจอร์นี้รองรับการแปลสมาชิกในไฟล์ Manifest ซึ่งช่วยให้แอปปรับชื่อ คำอธิบาย ไอคอน และทางลัดให้สอดคล้องกับภาษาและภูมิภาคของผู้ใช้ได้ นักพัฒนาแอปจะระบุค่าที่แปลแล้วในไฟล์ Manifest ของเว็บแอป เบราว์เซอร์ จะเลือกทรัพยากรที่เหมาะสมโดยอัตโนมัติตามการตั้งค่าภาษาของผู้ใช้ ซึ่งจะทำให้รองรับภาษาในตลาดต่างๆ
รองรับ Open Font Format avar2 สำหรับการปรับรูปร่างข้อความและการแสดงผลกลีฟ
ตารางเวอร์ชัน 2 ของ avar (รูปแบบแกน) ช่วยให้นักออกแบบแบบอักษรสร้าง
แบบอักษรตัวแปรที่มีการควบคุมการประมาณค่าได้ดีขึ้น แม้ว่าข้อกำหนดแบบอักษรตัวแปรดั้งเดิมจะจัดการแกนอย่างอิสระ แต่ 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
ฟังก์ชันนี้จะเพิ่มค่าใหม่ 2 ค่าที่สร้างขึ้นใน Compute Shader เพื่อปรับปรุงประสบการณ์ของผู้ใช้ ค่าเหล่านี้จะใช้กับแบ็กเอนด์ทั้งหมด (เป็น Polyfill ของค่าที่มีอยู่แล้วในตัว)
SharedWorker รองรับใน Android
SharedWorker ถูกปิดใช้ใน Android มาเป็นเวลานานเนื่องจากความกังวล
เกี่ยวกับวงจรของกระบวนการที่คาดเดาไม่ได้ นักพัฒนาซอฟต์แวร์ Chrome เชื่อว่าอินสแตนซ์ของ
SharedWorker อาจสิ้นสุดโดยไม่คาดคิดโดยไม่แจ้งให้ผู้ใช้หรือ
นักพัฒนาเว็บทราบ ซึ่งถือว่าไม่สามารถยอมรับได้
อย่างไรก็ตาม การสนทนาล่าสุดใน GitHub
ชี้ให้เห็นว่าลักษณะที่คาดเดาไม่ได้
ของวงจรการประมวลผลของ SharedWorker อาจไม่ใช่ปัญหาที่สำคัญ
อย่างที่เคยคิด ด้วยเหตุนี้ Chrome จึงจะเปิดใช้SharedWorkerอีกครั้งใน Android พร้อมกับตรวจสอบลักษณะการทำงานนี้เพื่อ
มอบประสบการณ์การใช้งานที่เสถียรและเชื่อถือได้
การยืดอายุการใช้งานสำหรับ SharedWorker
การอัปเดตนี้จะเพิ่มตัวเลือกใหม่ extendedLifetime: true ลงในเครื่องมือสร้าง SharedWorker ซึ่งจะขอให้ Shared Worker ยังคงทำงานอยู่แม้หลังจากที่ไคลเอ็นต์ปัจจุบันทั้งหมด เลิกโหลดแล้วก็ตาม กรณีการใช้งานหลักคือการอนุญาตให้หน้าเว็บทำงานแบบอะซิงโครนัสที่ต้องใช้ JavaScript หลังจากที่หน้าเว็บเลิกโหลด โดยไม่ต้องอาศัย Service Worker
Prompt API
Prompt API ช่วยให้นักพัฒนาเว็บเข้าถึงโมเดลภาษา AI ในอุปกรณ์ที่เบราว์เซอร์มีให้ได้โดยตรง การออกแบบ API ช่วยให้ควบคุมได้อย่างละเอียด สอดคล้องกับรูปแบบ API ของระบบคลาวด์ ซึ่งช่วยให้คุณค่อยๆ ปรับปรุงเว็บไซต์ด้วยการโต้ตอบของโมเดล ที่ปรับให้เหมาะกับกรณีการใช้งานเฉพาะบุคคล ซึ่งจะช่วยเสริม API ของโมเดลภาษาที่อิงตามงาน (เช่น Summarizer API) รวมถึง API และเฟรมเวิร์กต่างๆ สำหรับการอนุมานทั่วไปในอุปกรณ์ด้วยโมเดล ML ที่นักพัฒนาแอปจัดหาให้ การใช้งานครั้งแรกจะรองรับอินพุตข้อความ รูปภาพ และเสียง รวมถึงข้อจำกัดของคำตอบที่ช่วยให้มั่นใจได้ว่าข้อความที่สร้างขึ้นเป็นไปตามรูปแบบนิพจน์ทั่วไปและรูปแบบสคีมา JSON ที่กำหนดไว้ล่วงหน้า
ซึ่งรองรับกรณีการใช้งานที่หลากหลาย เช่น สามารถสร้างคำบรรยายแทนรูปภาพ ค้นหาด้วยภาพ ถอดเสียง จัดประเภทเหตุการณ์เสียง สร้างข้อความตามคำสั่งที่เฉพาะเจาะจง และดึงข้อมูลหรือข้อมูลเชิงลึกจากเนื้อหาในแหล่งข้อมูลแบบมัลติโมดัล
API นี้ได้เปิดตัวในส่วนขยาย Chrome แล้ว ความตั้งใจนี้จะติดตาม
การจัดส่งบนเว็บ นโยบายองค์กร
GenAILocalFoundationalModelSettingsพร้อมใช้งานเพื่อปิดใช้การดาวน์โหลดโมเดลพื้นฐาน
ซึ่งจะทำให้ API นี้ไม่พร้อมใช้งาน ผู้ดูแลระบบขององค์กรยังสามารถตั้งค่านโยบาย BuiltInAIAPIsEnabled เพื่อบล็อกการใช้งาน Built-In AI API ขณะที่ยังอนุญาตฟีเจอร์ GenAI อื่นๆ ในอุปกรณ์ได้
บันทึกการรองรับภาษา
- Chrome 139 และเวอร์ชันก่อนหน้ารองรับเฉพาะภาษาอังกฤษ (
'en') - Chrome 140 เพิ่มการรองรับภาษาสเปนและญี่ปุ่น (
'es'และ'ja')
รับความสามารถในการยืนยันการชำระเงินที่ปลอดภัย
ฟีเจอร์นี้จะเพิ่มเมธอดแบบคงที่ใหม่ลงใน Payment Request API ซึ่งช่วยให้นักพัฒนาเว็บ สามารถรับความสามารถของการติดตั้งใช้งานการยืนยันการชำระเงินที่ปลอดภัยของเบราว์เซอร์ ได้ ซึ่งจะช่วยให้นักพัฒนาเว็บทราบว่าความสามารถใดบ้างที่พร้อมใช้งานสำหรับการยืนยันการชำระเงินที่ปลอดภัย จากนั้นจึงตัดสินใจว่าจะใช้ การยืนยันการชำระเงินที่ปลอดภัยที่มีความสามารถเหล่านั้นหรือไม่
กฎ IDNA ContextJ
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 ลงในการจับเวลาทรัพยากร
ฟีเจอร์นี้จะเพิ่มฟิลด์ 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 ที่ช่วยให้เบราว์เซอร์แบบเอเจนต์บันทึกการเข้าสู่ระบบของผู้ใช้ใน เว็บไซต์ได้อย่างปลอดภัยโดยใช้บัญชีที่เชื่อมโยง
รายการการเชื่อมต่อที่อนุญาต
รายการที่อนุญาตให้เชื่อมต่อเป็นฟีเจอร์ที่ออกแบบมาเพื่อควบคุมปลายทางภายนอกอย่างชัดเจนโดยการจำกัดการเชื่อมต่อที่เริ่มต้นผ่าน Fetch API หรือ API แพลตฟอร์มเว็บอื่นๆ จากเอกสารหรือ Worker การติดตั้งใช้งานที่เสนอ จะกระจายรายการปลายทางที่ได้รับอนุญาตจากเซิร์ฟเวอร์ผ่านส่วนหัว การตอบกลับ HTTP ก่อนที่ User Agent จะสร้างการเชื่อมต่อในนามของหน้าเว็บ เอเจนต์จะประเมินปลายทางเทียบกับรายการที่อนุญาตนี้ ระบบจะอนุญาตการเชื่อมต่อกับปลายทางที่ยืนยันแล้ว แต่จะบล็อกการเชื่อมต่อที่ไม่ตรงกับรายการในรายการ
เวลาของคอนเทนเนอร์
Container Timing API ช่วยให้คุณตรวจสอบได้ว่าเมื่อใดที่ส่วนที่มีคำอธิบายประกอบของ DOM แสดงบนหน้าจอและแสดงผลครั้งแรกเสร็จแล้ว คุณสามารถทำเครื่องหมายส่วนย่อยของ DOM ด้วยแอตทริบิวต์ containertiming (คล้ายกับ elementtiming สำหรับ Element Timing API) และรับรายการประสิทธิภาพเมื่อส่วนนั้นได้รับการแสดงผลเป็นครั้งแรก API นี้ช่วยให้คุณวัด
เวลาของคอมโพเนนต์ต่างๆ ในหน้าเว็บได้
สคริปต์โมดูล CSS ที่ประกาศ
Declarative CSS Module Scripts เป็นส่วนขยายของ CSS ที่อิงตามสคริปต์ที่มีอยู่
Module Scripts ซึ่งช่วยให้นักพัฒนาแอปแชร์ชีตสไตล์ที่ประกาศไว้กับ Shadow
Roots รวมถึง Shadow Root ที่ประกาศไว้ได้ นักพัฒนาแอปสามารถกำหนดโมดูลสไตล์อินไลน์
ด้วย <style type="module" specifier="foo"> และใช้โมดูลประกาศ
กับ Shadow DOM ที่ประกาศโดยอ้างอิง specifier หรือ URL เช่น
<template shadowrootmode="open" shadowrootadoptedstylesheets="foo">
HTML ใน 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() และการโฟกัสป๊อปโอเวอร์) จะถูก
บล็อก เว้นแต่จะมีการเรียกใช้โดยการเปิดใช้งานของผู้ใช้ โฟกัสที่ผู้ใช้เริ่มต้น เช่น การคลิกหรือการกด Tab จะไม่ได้รับผลกระทบ คุณตั้งค่านโยบายผ่านPermissions-Policyส่วนหัวการตอบกลับ HTTP หรือแอตทริบิวต์ iframe allow ได้ รองรับการมอบสิทธิ์
โฟกัส เฟรมหลักที่มีโฟกัสสามารถส่งโฟกัสไปยัง iframe ย่อยโดยอัตโนมัติได้ แม้ว่า iframe ย่อยจะถูกปฏิเสธนโยบายก็ตาม เมื่อเฟรม
มีโฟกัสแล้ว ก็จะย้ายโฟกัสภายในซับทรีของตัวเองได้
พารามิเตอร์การสุ่มตัวอย่าง Prompt API
ฟีเจอร์นี้จะเพิ่มพารามิเตอร์การสุ่มตัวอย่างลงใน Prompt API พารามิเตอร์เหล่านี้
จะควบคุมวิธีสุ่มตัวอย่างโทเค็นจากโมเดล ซึ่งช่วยให้นักพัฒนาแอปควบคุม
ความสร้างสรรค์หรือความสุ่มของเอาต์พุตได้ นอกจากนี้ ยังเพิ่มแอตทริบิวต์ลงในอินสแตนซ์ LanguageModel เพื่ออ่านค่าที่ตั้งไว้ด้วย นอกจากนี้ ยังเพิ่มLanguageModelฟังก์ชันแบบคงที่เพื่อรับค่าเริ่มต้นและค่าสูงสุดของพารามิเตอร์เหล่านี้ด้วย
การติดตั้งใช้งานครั้งแรกจะเพิ่มพารามิเตอร์ temperature และ topK
องค์ประกอบการติดตั้ง HTML ของเว็บแอป
ฟีเจอร์นี้ช่วยให้เว็บไซต์แจ้งให้ผู้ใช้ติดตั้งเว็บแอปได้โดยไม่ต้องเขียนโค้ด องค์ประกอบนี้อาจยอมรับแอตทริบิวต์ 2 รายการ ซึ่งช่วยให้คุณติดตั้งเนื้อหาจาก ต้นทางอื่นได้