Chrome 146 เบต้า

เผยแพร่: 11 กุมภาพันธ์ 2026

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

CSS และ UI

ภาพเคลื่อนไหวที่ทริกเกอร์เมื่อเลื่อน

ฟีเจอร์นี้จะเพิ่มการควบคุมภาพเคลื่อนไหวตามตำแหน่งการเลื่อน เช่น การเล่น การหยุดชั่วคราว และการรีเซ็ตภาพเคลื่อนไหว

รูปแบบทั่วไปในหน้าเว็บคือการเริ่มภาพเคลื่อนไหวเมื่อถึงตำแหน่งการเลื่อน นักพัฒนามักใช้ JavaScript เพื่อตรวจหาด้วยตนเองเมื่อองค์ประกอบอยู่ภายใน Viewport ของคอนเทนเนอร์เลื่อน และเพื่อเริ่มภาพเคลื่อนไหวที่เกี่ยวข้อง (เช่น เลื่อนองค์ประกอบนั้นให้ปรากฏในมุมมอง) กรณีการใช้งานเหล่านี้หลายกรณีอาศัยข้อมูลที่ระบุได้ ฟีเจอร์นี้ช่วยให้ผู้เขียนสร้างการโต้ตอบเหล่านี้ได้โดยการประกาศผ่าน CSS ซึ่งช่วยให้ User Agent สามารถส่งต่อการจัดการการโต้ตอบนี้ไปยัง Worker Thread ได้ นอกจากนี้ API ยังมีอินเทอร์เฟซ JavaScript ที่ขยายฟีเจอร์ไปยังภาพเคลื่อนไหวบนเว็บนอกเหนือจากภาพเคลื่อนไหว CSS

ดูข้อมูลเพิ่มเติมได้ที่ภาพเคลื่อนไหวที่ทริกเกอร์โดยการเลื่อนของ CSS กำลังจะมา!

พร็อพเพอร์ตี้ trigger-scope

พร็อพเพอร์ตี้ trigger-scope ช่วยให้นักพัฒนาแอปจำกัดชื่อของทริกเกอร์ภาพเคลื่อนไหวที่ประกาศโดยพร็อพเพอร์ตี้ trigger-instantiating ได้

พร็อพเพอร์ตี้ที่เรียกใช้การสร้างอินสแตนซ์ เช่น timeline-trigger จะประกาศชื่อที่พร็อพเพอร์ตี้ animation-trigger สามารถอ้างอิงเพื่อแนบภาพเคลื่อนไหวกับทริกเกอร์ได้ อย่างไรก็ตาม ชื่อเหล่านี้เป็นชื่อส่วนกลางโดยค่าเริ่มต้น (คล้ายกับ anchor-name) บ่อยครั้งที่ผู้เขียนต้องจำกัดระดับการมองเห็นของชื่อเหล่านี้เพื่อแยกการโต้ตอบที่ทริกเกอร์ภาพเคลื่อนไหว

ช่วงที่มีชื่อของไทม์ไลน์ "scroll"

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

Scroll-Driven Animations API ได้เปิดตัว ViewTimelines และช่วงที่ตั้งชื่อซึ่งอ้างอิงถึงส่วนต่างๆ ของ ViewTimeline ที่กำหนดช่วงของภาพเคลื่อนไหว

อย่างไรก็ตาม ช่วงที่มีชื่อทั้งหมดที่ระบุจะจำกัดเฉพาะส่วนของ ViewTimeline ที่มองเห็นเรื่อง ตอนนี้ผู้เขียนสามารถอ้างอิงถึงขอบเขตทั้งหมดของคอนเทนเนอร์การเลื่อนที่อยู่ใต้ไทม์ไลน์ได้แล้ว ฟีเจอร์นี้จะเพิ่มช่วงที่มีชื่อ scroll ลงในชุดที่มีอยู่ (entry, exit, cover, contain)

รองรับ hanging และ each-line สำหรับพร็อพเพอร์ตี้ text-indent

คีย์เวิร์ดที่ไม่บังคับ 2 รายการสำหรับพร็อพเพอร์ตี้ text-indent จะช่วยขยายความสามารถและความสะดวกในการใช้งาน

hanging คีย์เวิร์ดจะเปลี่ยนการเยื้องเป็นเยื้องห้อย ซึ่งหมายความว่าทุกบรรทัด ยกเว้นบรรทัดแรกจะมีการเยื้อง

each-lineคีย์เวิร์ดทำให้การเยื้องไม่เพียงส่งผลต่อบรรทัดแรก แต่ยังส่งผลต่อ แต่ละบรรทัดหลังจากขึ้นบรรทัดใหม่ด้วย

Web API

API การนำทาง: เพิ่มตัวแฮนเดิลหลังการคอมมิตจาก precommit

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

ก่อนการเปลี่ยนแปลงนี้ เมื่อสกัดกั้นการนำทางด้วยเหตุการณ์ navigate ระบบจะส่ง precommitHandlers และตัวแฮนเดิลปกติหลังการคอมมิตแยกกัน

วิธีนี้ใช้ได้ดีเมื่อมีเพียงอย่างใดอย่างหนึ่ง แต่จะค่อนข้างซับซ้อนเมื่อโฟลว์มี precommitHandler ที่นำไปสู่ post-commit handler

ป้อนข้อมูล targetURL ระหว่างการจัดการไฟล์

การติดตั้งใช้งาน Launch Handler ในตอนนี้จะช่วยให้มั่นใจได้ว่าระบบจะป้อนข้อมูล LaunchParams.targetURL เมื่อ PWA เปิดตัวผ่านการจัดการไฟล์ ก่อนหน้านี้ พร็อพเพอร์ตี้นี้จะเป็นค่า Null เมื่อมีการเปิดไฟล์ในหน้าต่างที่มีอยู่ การเปลี่ยนแปลงนี้ช่วยให้มั่นใจว่า URL จากฟิลด์ action ของไฟล์ Manifest ของนักพัฒนาแอป (URL เดียวกันกับที่เอกสารต้องโหลดในปัจจุบัน) จะพร้อมใช้งานสำหรับผู้ใช้ launchQueue

WebGPU: Texture and sampler lets

เพิ่มฟีเจอร์ภาษาลงใน WGSL texture_and_sampler_let ซึ่งช่วยให้คุณจัดเก็บออบเจ็กต์เท็กซ์เจอร์และแซมเพลอร์ไว้ในการประกาศ let ใน WGSL ได้

โหมดความเข้ากันได้ของ WebGPU

เพิ่ม API ของ WebGPU ที่มีข้อจำกัดเล็กน้อยและต้องเลือกใช้ ซึ่งสามารถเรียกใช้ API กราฟิกเวอร์ชันเก่า เช่น OpenGL และ Direct3D11 การเลือกใช้โหมดนี้และ ปฏิบัติตามข้อจำกัดของโหมดนี้จะช่วยให้นักพัฒนาแอปขยายการเข้าถึงแอปพลิเคชัน WebGPU ไปยังอุปกรณ์รุ่นเก่าจำนวนมากที่ไม่มี กราฟิก API ที่ทันสมัยและชัดเจนซึ่ง WebGPU หลักจำเป็นต้องใช้ สำหรับการใช้งานอย่างง่าย การเปลี่ยนแปลงที่จำเป็นมีเพียงการระบุความเข้ากันได้ featureLevel เมื่อเรียกใช้ requestAdapter สำหรับการใช้งานขั้นสูงขึ้น อาจจำเป็นต้องมีการแก้ไขบางอย่าง เพื่อให้สอดคล้องกับข้อจำกัดของโหมด เนื่องจากโหมดความเข้ากันได้เป็นชุดย่อย แอปพลิเคชันที่ได้จึงเป็นแอปพลิเคชัน WebGPU Core ที่ถูกต้องและทำงานได้แม้ใน User Agent ที่ไม่รองรับโหมดความเข้ากันได้

WebGPU: ไฟล์แนบชั่วคราว

TRANSIENT_ATTACHMENT GPUTextureUsage ใหม่ช่วยให้นักพัฒนาซอฟต์แวร์สร้างสิ่งที่แนบมาซึ่งช่วยให้การดำเนินการส่งผ่านการแสดงผลอยู่ในหน่วยความจำของไทล์ได้ ซึ่งจะช่วยหลีกเลี่ยงการรับส่งข้อมูล VRAM และอาจหลีกเลี่ยงการจัดสรร VRAM สำหรับพื้นผิวได้

Intl.Locale.prototype.variants

เพิ่ม Intl.Locale.prototype.variants และยังยอมรับ variants ในถุงตัวเลือกในตัวสร้าง Intl.Locale

การจัดลำดับตัววนซ้ำ

ใช้ข้อเสนอ TC39 เพื่อสร้างตัววนซ้ำโดยการจัดลำดับตัววนซ้ำที่มีอยู่ ซึ่งเป็นการเปิดตัว Iterator.concat(...items)

meta name="text-scale"

ทำให้ขนาดแบบอักษรเริ่มต้นขององค์ประกอบรูทปรับขนาดตามสัดส่วนของการตั้งค่าการปรับขนาดข้อความทั้งของระบบปฏิบัติการและเบราว์เซอร์ ซึ่งจะช่วยให้หน้าเว็บที่ทำตามแนวทางปฏิบัติแนะนำเกี่ยวกับหน่วยที่สัมพันธ์กับแบบอักษร (เช่น ใช้ rem และ em สำหรับขนาดแบบอักษรและองค์ประกอบของหน้าเว็บที่เปลี่ยนแปลงตามค่ากำหนดขนาดข้อความของผู้ใช้ ) เคารพการตั้งค่าขนาดข้อความระดับระบบปฏิบัติการของผู้ใช้ ซึ่งยังทำให้เบราว์เซอร์ปิดใช้กลไกที่อิงตามเบราว์เซอร์ที่มีอยู่ (เช่น การซูมเต็มหน้าใน Windows) และฮิวริสติก (เช่น การปรับขนาดข้อความอัตโนมัติในอุปกรณ์เคลื่อนที่) ด้วย ตอนนี้ นักพัฒนาเว็บสามารถส่งสัญญาณไปยังเบราว์เซอร์ว่าหน้าเว็บสร้างขึ้นในลักษณะ (กล่าวคือ มี rem และ em) ที่ปรับขนาดได้ดีตามค่ากำหนดขนาดแบบอักษรต่างๆ ที่ผู้ใช้เลือก API นี้จะขยายการทำงานของ env(preferred-text-scale) ซึ่งช่วยให้ผู้เขียนเข้าถึงการปรับขนาดข้อความได้โดยการเปิดใช้การปรับขนาดผ่านขนาดแบบอักษรเริ่มต้นขององค์ประกอบรูท และเลือกไม่ใช้การปรับขนาดข้อความอัตโนมัติ

เก็บค่า dropEffect จากเหตุการณ์ dragover ไปยังเหตุการณ์ drop

HTML5 Drag and Drop API ช่วยให้เว็บแอปพลิเคชันจัดการการดำเนินการลากและวาง ผ่านชุดเหตุการณ์ต่างๆ ได้แก่ dragstart, dragenter, dragover, dragleave, drop และ dragend ในระหว่างเหตุการณ์เหล่านี้ พร็อพเพอร์ตี้ dataTransfer.dropEffect จะระบุการดำเนินการ (คัดลอก ย้าย ลิงก์ หรือไม่มี) ที่จะทำ

ตามข้อกําหนด HTML5 ระบบจะเก็บค่า dropEffect ที่เว็บแอปพลิเคชันตั้งค่าไว้ในเหตุการณ์ dragover สุดท้าย และค่าดังกล่าวจะพร้อมใช้งานในเหตุการณ์ drop ถัดไป

อย่างไรก็ตาม เบราว์เซอร์ที่ใช้ Chromium จะเขียนทับค่า dropEffect ของเว็บแอปพลิเคชันด้วยการดำเนินการที่เบราว์เซอร์เจรจาเองก่อนที่จะทริกเกอร์เหตุการณ์ drop ซึ่งทำให้การปฏิบัติตามข้อกำหนดไม่เป็นไปตามข้อกำหนดและจำกัดการควบคุมของนักพัฒนาซอฟต์แวร์ เกี่ยวกับลักษณะการทำงานของการลากและวาง

การเก็บรักษาพารามิเตอร์ประเภท MIME ของ URL ข้อมูล

เก็บรักษาพารามิเตอร์ประเภท MIME (เช่น ชุดอักขระ ขอบเขต) ในส่วนหัวของ URL ข้อมูล Content-Type ตามมาตรฐาน Fetch

Sanitizer API

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

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

ใน Chrome 146 คุณสามารถเลือกใช้Origin Trials ใหม่เหล่านี้ได้

WebNN

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

ลงทะเบียนเพื่อทดลองใช้ WebNN