Chrome 147

วันที่เผยแพร่เวอร์ชันเสถียร: 7 เมษายน 2026

การเปลี่ยนแปลงต่อไปนี้จะมีผลกับ Chrome 147 เวอร์ชันเสถียร สำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น

CSS และ UI

การเปลี่ยนภาพมุมมองระดับองค์ประกอบ

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

ติดตามข้อบกพร่อง #394052227 | รายการใน ChromeStatus.com | ข้อกำหนด

CSS contrast-color()

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

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

ข้อบกพร่องในการติดตาม #40142548 | รายการใน ChromeStatus.com | ข้อกำหนด

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

ฟีเจอร์นี้จะขยายชุดช่วงที่มีชื่อสำหรับไทม์ไลน์การดูโดยการเพิ่มช่วง scroll ลงในชุด entry, exit, cover และ contain ที่มีอยู่

ติดตามข้อบกพร่อง #41483848 | รายการใน ChromeStatus.com | ข้อกำหนด

พร็อพเพอร์ตี้ CSS border-shape

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

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

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

ข้อบกพร่องในการติดตาม #370041145 | รายการใน ChromeStatus.com | ข้อกำหนด

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

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

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

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

  • แอตทริบิวต์ type เป็นสตริงที่แสดงประเภทขององค์ประกอบเสมือน
  • แอตทริบิวต์ element คือองค์ประกอบต้นทางสุดท้ายขององค์ประกอบเสมือน
  • แอตทริบิวต์ parent คือองค์ประกอบต้นทางขององค์ประกอบเสมือน (Element หรือ CSSPseudoElement สำหรับองค์ประกอบเสมือนที่ซ้อนกัน)
  • เมธอด pseudo(type) จะดึงข้อมูลองค์ประกอบเสมือนที่ซ้อนกัน

ข้อบกพร่องในการติดตาม #40639103 | รายการใน ChromeStatus.com | ข้อกำหนด

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

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

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

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

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

ข้อบกพร่องในการติดตาม #40639103 | รายการใน ChromeStatus.com | ข้อกำหนด

แยกพร็อพเพอร์ตี้ *-width และ *-style

Chrome 147 สอดคล้องกับข้อกำหนด 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 ซึ่งได้ ใช้ลักษณะการทำงานนี้แล้ว

ข้อบกพร่องในการติดตาม #393631108 | รายการใน ChromeStatus.com | ข้อกำหนด

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

ข้อบกพร่องในการติดตาม #374010056 | รายการใน ChromeStatus.com | ข้อกำหนด

อุปกรณ์

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

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

ข้อบกพร่องในการติดตาม #394636076 | รายการใน ChromeStatus.com | ข้อกำหนด

DOM

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

ติดตามข้อบกพร่อง #466888680 | รายการใน ChromeStatus.com | ข้อกำหนด

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

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

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

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

ติดตามข้อบกพร่อง #466303347 | รายการใน ChromeStatus.com

กราฟิก

เลเยอร์ WebXR

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

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

ติดตามข้อบกพร่อง #409255534 | รายการใน ChromeStatus.com | ข้อกำหนด

JavaScript

Math.sumPrecise

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

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

ติดตามข้อบกพร่อง #374310075 | รายการใน ChromeStatus.com | ข้อกำหนด

เครือข่าย / การเชื่อมต่อ

แอตทริบิวต์ Request.isReloadNavigation รายการ

เพิ่มแอตทริบิวต์บูลีนแบบอ่านอย่างเดียว isReloadNavigation ลงในอินเทอร์เฟซ Request ของ Fetch API แอตทริบิวต์นี้ระบุว่าคำขอการนำทางปัจจุบันเริ่มต้นเป็นการโหลดซ้ำที่ผู้ใช้ทริกเกอร์หรือไม่ (เช่น ใช้ปุ่มรีเฟรช location.reload() หรือ history.go(0)) สัญญาณนี้จะแสดงในออบเจ็กต์ Request ภายใน FetchEvent ของ Service Worker เป็นหลัก

ติดตามข้อบกพร่อง #40487194 | รายการใน ChromeStatus.com | ข้อกำหนด

ประสิทธิภาพ

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

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

  • Android: 1, 2, 4, 8
  • อื่นๆ: 2, 4, 8, 16, 32 ค่าเหล่านี้จะแทนที่ค่าเดิมที่ล้าสมัยแล้ว ได้แก่ 0.25, 0.5, 1, 2, 4 และ 8

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

ติดตามข้อบกพร่อง #454354290 | รายการใน ChromeStatus.com | ข้อกำหนด

การเข้าถึงเครือข่ายภายใน (LNA)

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

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

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

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

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

รายการใน ChromeStatus.com

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

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

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

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

ติดตามข้อบกพร่อง #421216834 | รายการใน ChromeStatus.com | ข้อกำหนด

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

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

นโยบายระดับองค์กรของ LNA ทั้งหมดในปัจจุบันจะยังคงมีผลบังคับใช้กับข้อจำกัดของ LNA WebSockets (LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrls และ LocalNetworkAccessRestrictionsTemporaryOptOut)

ติดตามข้อบกพร่อง #421156866 | รายการใน ChromeStatus.com | ข้อกำหนด

Isolated Web App (IWA)

Web Printing API

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

API นี้มีเป้าหมายเป็น Isolated Web App เท่านั้นและเป็นไปตามกระบวนการ Isolated Web App

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

ข้อบกพร่องในการติดตาม #302505962 | รายการใน ChromeStatus.com | ข้อกำหนด

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

แสดงผล iframe แบบข้ามต้นทางล่วงหน้า

แสดงผล iframe แบบข้ามต้นทางล่วงหน้าโดยใช้ส่วนหัวการตอบกลับแบบเลือกใช้

ตอนนี้เบราว์เซอร์จะแสดงผลเฟรมข้ามต้นทางทั้งหมดล่วงหน้าหากการตอบกลับ HTTP ของเฟรมระดับบนสุดมี Supports-Loading-Mode: prerender-cross-origin-frames

ช่วงทดลองใช้ฟีเจอร์ | ติดตามข้อบกพร่อง #440387014 | รายการใน ChromeStatus.com | ข้อกำหนด

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

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

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

การทดลองใช้ต้นทาง | ข้อบกพร่องในการติดตาม #466333215 | รายการใน ChromeStatus.com | ข้อกำหนด

WebNN

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

ช่วงทดลองใช้ฟีเจอร์ | ข้อบกพร่องในการติดตาม #40206287 | รายการใน ChromeStatus.com | ข้อกำหนด

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

นำ XSLT ในบรรทัดออกเพื่อสร้าง SVG

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

เช่น ดูที่ gist.github.com

นี่เป็นกรณีพิเศษของการประมวลผล XSLT ซึ่งตามที่ได้แนะนำไปเมื่อเร็วๆ นี้ ตัวนับการใช้งาน XSLPIInSVGImage (UseCounter ID 5777) และ XSLPIInSVGStandaloneDoc (UseCounter ID 5778) เราถือว่าแทบจะไม่มีอยู่บนเว็บ เราต้องการเลิกใช้งานและนำออกก่อนที่จะเลิกใช้งาน XSLT อย่างเต็มรูปแบบ

การเปิดตัวนี้จะซิงค์กับการทดสอบเวอร์ชันทดลองของโปรแกรมแยกวิเคราะห์ XML ที่อิงตาม Rust การเปลี่ยนแปลงนี้จะไม่เปิดตัวใน Chrome 147 ที่ 100% ในทันที

ติดตามข้อบกพร่อง #482223009 | รายการใน ChromeStatus.com