Chrome 147 เบต้า

Rachel Andrew

เผยแพร่: 11 มีนาคม 2026

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

ช่วงที่ตั้งชื่อแล้วของไทม์ไลน์ scroll

ฟีเจอร์นี้จะขยายชุดช่วงที่ตั้งชื่อแล้วของ ViewTimelines โดยเพิ่มช่วง scroll

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

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

CSS contrast-color()

คุณสามารถใช้ฟังก์ชันนี้เพื่อให้เป็นไปตามข้อกำหนดด้านคอนทราสต์สำหรับการช่วยเหลือพิเศษ

คุณใช้ฟังก์ชัน contrast-color() ได้ทุกที่ใน CSS ที่คาดหวังค่าสี โดยจะรับอาร์กิวเมนต์ค่าสี และแสดงผลเป็น black หรือ white ขึ้นอยู่กับว่าสีใดมีคอนทราสต์สูงสุดเมื่อเทียบกับอาร์กิวเมนต์สี

CSS border-shape

CSS border-shape ช่วยให้คุณสร้างเส้นขอบที่ไม่ใช่สี่เหลี่ยมผืนผ้าที่มีรูปร่างใดก็ได้ (เช่น polygon, circle, shape())

แม้ว่า border-shape จะยอมรับรูปร่างเดียวกับ clip-path แต่ก็มีความแตกต่างโดยพื้นฐานคือ border-shape จะกำหนดรูปร่างของเส้นขอบ ตกแต่ง และตัดเฉพาะด้านใน

border-shape มี 2 รูปแบบ ได้แก่ รูปแบบหนึ่งที่ขีดเส้นรูปร่าง และอีกรูปแบบหนึ่ง ที่เติมสีระหว่าง 2 รูปร่าง

การเปลี่ยนมุมมองที่กำหนดขอบเขตขององค์ประกอบ

แสดง Element.startViewTransition() ในองค์ประกอบ HTML ที่กำหนดเอง องค์ประกอบนี้กำหนดขอบเขตสำหรับการเปลี่ยน ซึ่งหมายความว่าองค์ประกอบเสมือนของการเปลี่ยนจะได้รับผลกระทบจากคลิปและการเปลี่ยนขององค์ประกอบระดับบน และการเปลี่ยนหลายรายการในองค์ประกอบที่แยกกันจะทำงานพร้อมกันได้

การอัปเดต CSS: การแยกพร็อพเพอร์ตี้ width และ style

Chrome สอดคล้องกับข้อกำหนด CSS ที่อัปเดตแล้ว สำหรับลักษณะการทำงานของพร็อพเพอร์ตี้ border-width, outline-width และ column-rule-width ก่อนหน้านี้ หากตั้งค่า border-style, outline-style หรือ column-rule-style ที่เกี่ยวข้องเป็น none หรือ hidden ระบบจะบังคับให้ความกว้างที่คำนวณแล้วของพร็อพเพอร์ตี้เหล่านี้เป็น 0px โดยไม่คำนึงถึงค่าที่ระบุ

การเปลี่ยนแปลงนี้จะทำให้ค่าที่คำนวณของ border-width, outline-width และ column-rule-width สะท้อนค่าที่ผู้เขียนระบุเสมอ โดยไม่ขึ้นอยู่กับ พร็อพเพอร์ตี้ *-style นอกจากนี้ ค่าที่แก้ไขแล้ว (ตามที่ส่งคืนโดย getComputedStyle()) สำหรับ outline-width และ column-rule-width ยังแสดงถึง ค่าที่ระบุด้วย

การเปลี่ยนแปลงนี้ทำให้ Chrome สอดคล้องกับ Firefox และ WebKit ซึ่งได้ใช้ลักษณะการทำงานนี้อยู่แล้ว

CSSPseudoElement อินเทอร์เฟซ

อินเทอร์เฟซ CSSPseudoElement แสดงองค์ประกอบเสมือนใน JavaScript

CSSPseudoElement จะแสดงผลจาก Element.pseudo(type) โดยที่ type คือ ::after, ::before, ::marker CSSPseudoElement คือออบเจ็กต์พร็อกซีที่ แสดงองค์ประกอบเสมือน ดังนั้น CSSPseudoElement จึงมีอยู่เสมอ ซึ่งต่างจากองค์ประกอบเสมือน

CSSPseudoElement มีแอตทริบิวต์/เมธอดต่อไปนี้

• แอตทริบิวต์ type คือสตริงที่แสดงประเภทของ องค์ประกอบเสมือน
• แอตทริบิวต์ element คือองค์ประกอบต้นทางสุดท้ายของ องค์ประกอบเสมือน
• แอตทริบิวต์ parent คือองค์ประกอบต้นทางขององค์ประกอบเสมือน (ทั้งองค์ประกอบหรือ CSSPseudoElement สำหรับองค์ประกอบเสมือนที่ซ้อนกัน)
• pseudo(type) method to retrieve nested pseudo-elements.

เป้าหมายจำลองในเหตุการณ์

ระบบจะขยายเหตุการณ์ที่เฉพาะเจาะจงให้มี .pseudoTarget ซึ่งอาจเป็น CSSPseudoElement (หากมีการโต้ตอบกับองค์ประกอบเสมือน) หรือ null

ซึ่งจะให้ข้อมูลที่เฉพาะเจาะจงมากขึ้นเกี่ยวกับแหล่งที่มาของเหตุการณ์ เช่น มีการคลิก ไม่ใช่แค่องค์ประกอบต้นทางสุดท้าย (Event.target) แต่ เจาะจงมากขึ้นว่าคือ ::after โปรดทราบว่า Event.target ไม่มีการเปลี่ยนแปลง ดังนั้นเหตุการณ์จึงมีข้อมูลเพิ่มเติมเกี่ยวกับการโต้ตอบกับองค์ประกอบเสมือนเท่านั้น

เหตุการณ์คือ UIEvent, AnimationEvent, TransitionEvent

ระบบไม่รองรับ mouseover, mouseout, mouseenter, mouseleave และ pointer* ที่เทียบเท่า

การตรวจจับระนาบ WebXR

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

เลเยอร์ WebXR

เลเยอร์ WebXR ช่วยให้วาดเนื้อหาที่สมจริงได้อย่างมีประสิทธิภาพมากขึ้น

นอกเหนือจากการรองรับพื้นผิวสีและความลึกดั้งเดิมและอาร์เรย์พื้นผิวแล้ว ยังรองรับเลเยอร์ประเภทต่างๆ ที่คอมโพสิเตอร์ของระบบจัดการแทน JavaScript ด้วย

การแยกวิเคราะห์ XML ใน Rust สำหรับสถานการณ์ที่ไม่ใช่ XSLT

เราจะจัดส่งตัวแยกวิเคราะห์ XML ของ Rust สำหรับสถานการณ์ที่เรามั่นใจว่าไม่จำเป็นต้องมีการประมวลผล XSLT

โปรแกรมแยกวิเคราะห์ XML ของ Rust ช่วยเพิ่มความปลอดภัยด้วยการกำจัดข้อบกพร่องที่ทำให้หน่วยความจำเสียหายในการแยกวิเคราะห์ XML โดยมีจุดประสงค์เพื่อแทนที่การใช้งาน libxml2 (เขียนด้วยภาษา C) ด้วยทางเลือกที่ปลอดภัย

Chrome จะเลิกใช้งาน XSLT ในระหว่างกระบวนการนี้ คุณสามารถใช้การแยกวิเคราะห์ XML ของ Rust ที่ปลอดภัยในสถานการณ์ที่ไม่ต้องใช้ XSLT ได้แล้ว

การรองรับ JSON และสไตล์สำหรับ link rel=modulepreload

เพิ่มการรองรับประเภทโมดูล JSON และสไตล์เป็น<link rel="modulepreload"> ปลายทาง <link rel="modulepreload"> รองรับใน Chromium อยู่แล้ว (ดู https://chromestatus.com/feature/5762805915451392) แต่รองรับเฉพาะ สคริปต์โมดูลที่คล้ายสคริปต์การโหลดล่วงหน้า ฟีเจอร์นี้ช่วยเติมเต็มช่องว่างในฟังก์ชันการทำงาน เนื่องจากสคริปต์โมดูล JSON และ CSS ได้รับการรองรับใน Chromium ที่อื่น แต่ไม่รองรับเป็น<link rel="modulepreload">ปลายทาง Style สามารถโหลดล่วงหน้าด้วย <link rel="modulepreload" as="style" href="..."> และโมดูล JSON สามารถโหลดล่วงหน้าด้วย <link rel="modulepreload" as="json" href="...">

Math.sumPrecise

ข้อเสนอ TC39 ในการเพิ่มเมธอดเพื่อรวมค่าหลายค่าลงใน JavaScript

เพิ่มเมธอด Math.sumPrecise ที่รับ Iterable ซึ่งจะแสดงผลผลรวมของค่าใน Iterable โดยใช้อัลกอริทึมที่แม่นยำกว่าการบวกแบบง่าย

รองรับแอตทริบิวต์ path ในองค์ประกอบ SVG <textpath>

การเปลี่ยนแปลงนี้จะเพิ่มการรองรับแอตทริบิวต์ path ในองค์ประกอบ <textPath> SVG ซึ่งช่วยให้ผู้เขียนกำหนดเรขาคณิตของเส้นทางข้อความแบบอินไลน์ได้โดยใช้ข้อมูลเส้นทาง SVG และลดความจำเป็นในการกำหนดองค์ประกอบ <path> แยกต่างหาก

<textPath> จะแก้ปัญหาเรขาคณิตของเส้นทางข้อความโดยใช้กฎต่อไปนี้

1. หากมีทั้ง path และ href ระบบจะกำหนดรูปทรงจากแอตทริบิวต์ path
2. หากมีเฉพาะแอตทริบิวต์ path และแยกวิเคราะห์ได้สำเร็จ ระบบจะใช้คำจำกัดความเส้นทางในบรรทัด
3. หากไม่มีแอตทริบิวต์ path หรือแยกวิเคราะห์ไม่สำเร็จ และมีการระบุแอตทริบิวต์ href ระบบจะใช้องค์ประกอบ <path> ที่อ้างอิงเป็นข้อมูลสำรอง
4. ลักษณะการทำงานที่มีอยู่เดิมของ href เท่านั้นจะยังคงเหมือนเดิม

การใช้งานนี้เป็นไปตามคำจำกัดความของแอตทริบิวต์ path ใน <textPath> ตามข้อกำหนด SVG 2 และลักษณะการทำงานของความละเอียดจะสอดคล้องกับเครื่องมืออื่นๆ ของเบราว์เซอร์ ซึ่งจะช่วยปรับปรุงการทำงานร่วมกันและการปฏิบัติตามมาตรฐาน

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

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

ซึ่งจะช่วยให้นักพัฒนาเว็บทราบว่าการยืนยันการชำระเงินที่ปลอดภัยมีฟีเจอร์ใดบ้าง เพื่อให้ตัดสินใจได้ว่าจะใช้การยืนยันการชำระเงินที่ปลอดภัยกับฟีเจอร์เหล่านั้นหรือไม่

อัปเดตขีดจำกัดของ Device Memory API

อัปเดตชุดค่าใหม่ที่เป็นไปได้สำหรับ Device Memory API

• Android: 1, 2, 4, 8
• อื่นๆ: 2, 4, 8, 16, 32

แทนที่ค่าเดิม 0.25, 0.5, 1, 2, 4, 8 ซึ่งล้าสมัยแล้ว

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

ข้อจำกัดการเข้าถึงเครือข่ายภายในใน Service Worker WindowClient.navigate()

เมื่อเร็วๆ นี้ได้มีการเพิ่มข้อจำกัดการเข้าถึงเครือข่ายภายใน (LNA) เพื่อจำกัด ไม่ให้เว็บไซต์ส่งคำขอไปยังเครือข่ายภายในและอุปกรณ์ภายในโดยฝ่ายเดียว โดยเพิ่มไว้สำหรับคำขอเรียกข้อมูลที่เริ่มต้นโดย Service Worker แต่ไม่ได้ใช้กับการนำทาง ที่ดำเนินการโดย Service Worker ผ่าน WindowClient.navigate

การเปิดตัวนี้จะช่วยเติมเต็มช่องว่างนี้ด้วยการเพิ่มข้อจำกัด LNA ในการเรียก WindowClient.navigate() โดยใช้ WindowClient เป็นผู้เริ่มการนำทางเพื่อพิจารณาว่าการนำทางเป็นคำขอ LNA หรือไม่

ซึ่งจะมีผลเฉพาะในกรณีที่ WindowClient ที่กำลังไปยังเป็นเฟรมย่อยเท่านั้น โดย Chrome จะไม่บังคับใช้ข้อจำกัด LNA ใดๆ กับการไปยังเฟรมหลัก

ข้อจำกัดการเข้าถึงเครือข่ายภายในสำหรับ WebSocket

เรากำลังขยายข้อจำกัดการเข้าถึงเครือข่ายภายใน (LNA) ให้ครอบคลุม WebSocket ตอนนี้การเชื่อมต่อ WebSocket กับที่อยู่ภายในจะทริกเกอร์ข้อความแจ้งขอสิทธิ์

นโยบายระดับองค์กรของ LNA ทั้งหมดยังคงมีผลบังคับใช้กับข้อจำกัดของ LNA WebSockets ซึ่งรวมถึง LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrls และ LocalNetworkAccessRestrictionsTemporaryOptOut

ดูข้อมูลเพิ่มเติมเกี่ยวกับ LNA ได้ในการเข้าถึงเครือข่ายภายใน

ข้อจำกัดการเข้าถึงเครือข่ายภายในสำหรับ WebTransport

จำกัดความสามารถในการส่งคำขอไปยังเครือข่ายภายในของผู้ใช้โดยใช้ WebTransport ซึ่งต้องได้รับสิทธิ์ก่อน

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

สิทธิ์นี้จำกัดไว้สำหรับบริบทที่ปลอดภัย

IWA เท่านั้น: Web Printing API

API นี้ช่วยให้ผสานรวมฟังก์ชันที่เกี่ยวข้องกับเครื่องพิมพ์ใน Isolated Web App (IWA) ได้อย่างลึกซึ้งยิ่งขึ้น

Web Printing API มีชุดเมธอด JavaScript ที่ช่วยให้นักพัฒนาแอปค้นหาเครื่องพิมพ์ในเครือข่าย ส่งงานพิมพ์ไปยังเครื่องพิมพ์ที่เหมาะสมที่สุด รวมถึงจัดการตัวเลือกและสถานะของงานพิมพ์ โดยจะใช้ชื่อแอตทริบิวต์และความหมายจากข้อกำหนดของ Internet Printing Protocol (IPP) เพื่อแสดงแนวคิดเหล่านี้

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

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

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

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

เหตุการณ์ป้อนข้อความอัตโนมัติ

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

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

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

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

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

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

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

การเลิกใช้งานและการนำออก

Chrome เวอร์ชันนี้มีการเลิกใช้งานและการนำออกต่อไปนี้ ไปที่ ChromeStatus.com เพื่อดูรายการการเลิกใช้งานที่วางแผนไว้ การเลิกใช้งานในปัจจุบัน และการนำออกก่อนหน้านี้

Chrome รุ่นนี้เลิกใช้งานฟีเจอร์ X

นำ XSLT แบบอินไลน์ออกเพื่อสร้าง SVG

เรากำลังจะเริ่มเลิกใช้ XSLT แบบอินไลน์สำหรับการสร้าง SVG การเปลี่ยนแปลงนี้จะได้รับการติดตั้งใช้งานพร้อมกับการทดสอบ XML Parser ที่สร้างขึ้นจาก Rust ในเวอร์ชันที่ทำเครื่องหมายว่าเป็นการเผยแพร่สำหรับการจัดส่ง และจะไม่ได้รับการติดตั้งใช้งาน 100% ทันที

ไฟล์ XML ที่สร้างขึ้นมาโดยเฉพาะอาจมีสไตล์ชีต XSL ที่แปลง ข้อมูล XML ทั่วไปเป็นไฟล์ SVG

ตัวอย่าง https://gist.github.com/drott/1fc70b3c7f0ac314d1fe2e5beecc5490?short_path=1c60adf

นี่เป็นกรณีพิเศษของXSLTการประมวลผลที่ Chrome พิจารณาว่าแทบจะไม่มีอยู่บนเว็บตามการวัดการใช้งาน Chrome วางแผนที่จะเลิกใช้งานและนำการใช้ XSLT ในลักษณะนี้ออกก่อนที่จะ เลิกใช้งาน XSLT อย่างเต็มรูปแบบ