Chrome 142

วันที่เผยแพร่เวอร์ชันเสถียร: 28 ตุลาคม 2025

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

CSS และ UI

การวางตำแหน่งแบบสัมบูรณ์สำหรับองค์ประกอบ ::view-transition

การเปลี่ยนภาพจะใช้โครงสร้างย่อยเสมือนขององค์ประกอบ โดยมี ::view-transition เป็นรูทของการเปลี่ยนภาพนั้น ก่อนหน้านี้มีการระบุว่าองค์ประกอบ ::view-transition ต้องมี position: fixed CSS Working Group ได้ตัดสินใจที่จะทำให้position: absoluteนี้เป็นเช่นนั้น และตอนนี้ Chrome ก็ได้สะท้อนการเปลี่ยนแปลงดังกล่าวแล้ว

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

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

พร็อพเพอร์ตี้ activeViewTransition ในเอกสาร

View Transitions API ช่วยให้นักพัฒนาซอฟต์แวร์เริ่มการเปลี่ยนภาพระหว่างสถานะต่างๆ ได้ จุดแรกเข้าของ SPA หลักคือ startViewTransition() ซึ่งจะแสดงผลออบเจ็กต์การเปลี่ยน ออบเจ็กต์นี้มี Promise และฟังก์ชันการทำงานหลายอย่างเพื่อติดตามความคืบหน้าของการเปลี่ยนฉาก และช่วยให้คุณจัดการการเปลี่ยนฉากได้ เช่น ข้ามการเปลี่ยนฉากหรือแก้ไขประเภทของการเปลี่ยนฉาก

ตั้งแต่ Chrome 142 เป็นต้นไป นักพัฒนาแอปไม่จำเป็นต้องจัดเก็บออบเจ็กต์นี้อีกต่อไป พร็อพเพอร์ตี้ document.activeViewTransition แสดงออบเจ็กต์นี้ หรือ null หากไม่มีการเปลี่ยนผ่าน

ซึ่งรวมถึงการเปลี่ยนไปใช้ MPA ด้วย โดยออบเจ็กต์จะใช้ได้ผ่านเหตุการณ์ pageswap และ pagereveal เท่านั้น ในการอัปเดตนี้ เราจะตั้งค่า document.activeViewTransition เป็นออบเจ็กต์นี้ในช่วงระยะเวลาการเปลี่ยนผ่าน

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

:target-before และ:target-after คลาสเสมือน

Pseudo-class เหล่านี้จะตรงกับเครื่องหมายการเลื่อนที่อยู่ก่อนหรือหลังเครื่องหมายที่ใช้งานอยู่ (ตรงกับ :target-current) ภายในกลุ่มเครื่องหมายการเลื่อนเดียวกัน ตามที่กำหนดโดยลำดับของโครงสร้างแบบราบ

  • :target-before: ตรงกับเครื่องหมายการเลื่อนทั้งหมดที่อยู่ก่อนเครื่องหมายที่ใช้งานอยู่ในลำดับของโครงสร้างแบบแบนภายในกลุ่ม
  • :target-after: ตรงกับเครื่องหมายการเลื่อนทั้งหมดที่อยู่หลังเครื่องหมายที่ใช้งานอยู่ในลำดับของโครงสร้างแบบแบนภายในกลุ่ม

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

ไวยากรณ์ช่วงสำหรับการค้นหาคอนเทนเนอร์ของสไตล์และ if()

Chrome ปรับปรุงการค้นหาสไตล์ CSS และฟังก์ชัน if() โดยเพิ่มการรองรับไวยากรณ์ช่วง

ซึ่งจะขยายการค้นหาสไตล์ให้ครอบคลุมมากกว่าการจับคู่ค่าที่ตรงกันทุกประการ (เช่น style(--theme: dark)) นักพัฒนาซอฟต์แวร์สามารถใช้ตัวดำเนินการเปรียบเทียบ (เช่น > และ <) เพื่อเปรียบเทียบพร็อพเพอร์ตี้ที่กำหนดเอง ค่าตามตัวอักษร (เช่น 10px หรือ 25%) และค่าจากฟังก์ชันการแทนที่ เช่น attr() และ env() ทั้ง 2 ฝั่งต้องแปลงเป็นประเภทข้อมูลเดียวกันเพื่อให้การเปรียบเทียบถูกต้อง โดยจำกัดเฉพาะประเภทตัวเลขต่อไปนี้ <length>, <number>, <percentage>, <angle>, <time>, <frequency> และ <resolution>

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

ผู้กระตุ้นความสนใจ (แอตทริบิวต์ interestfor)

Chrome จะเพิ่มแอตทริบิวต์ interestfor ลงในองค์ประกอบ <button> และ <a> แอตทริบิวต์นี้จะเพิ่มลักษณะการทำงาน "ความสนใจ" ให้กับองค์ประกอบ เมื่อผู้ใช้ "แสดงความสนใจ" ในองค์ประกอบ ระบบจะทริกเกอร์การดำเนินการในองค์ประกอบเป้าหมาย เช่น แสดงป๊อปโอเวอร์ User Agent จะตรวจหาเมื่อผู้ใช้ "แสดงความสนใจ" ในองค์ประกอบผ่านวิธีการต่างๆ เช่น การวางเคอร์เซอร์เหนือองค์ประกอบ การกดปุ่มลัดพิเศษบนแป้นพิมพ์ หรือการกดองค์ประกอบบนหน้าจอสัมผัสค้างไว้ เมื่อแสดงหรือสูญเสียความสนใจ InterestEvent จะทำงานในเป้าหมาย ซึ่งมีการดำเนินการเริ่มต้นสำหรับป๊อปโอเวอร์ เช่น การแสดงและซ่อนป๊อปโอเวอร์

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

ความเท่าเทียมกันของอุปกรณ์เคลื่อนที่และเดสก์ท็อปสำหรับโหมดการแสดงผลองค์ประกอบบางอย่าง

การใช้แอตทริบิวต์ size และ multiple จะทําให้แสดงผลองค์ประกอบ <select> เป็นกล่องรายการในหน้าหรือปุ่มที่มีป๊อปอัปได้ อย่างไรก็ตาม โหมดเหล่านี้ไม่มีให้บริการใน Chrome บนอุปกรณ์เคลื่อนที่และเดสก์ท็อปอย่างสม่ำเสมอ การแสดงผลช่องรายการในหน้าเว็บจะใช้ไม่ได้บนอุปกรณ์เคลื่อนที่ และปุ่มที่มีป๊อปอัปจะใช้ไม่ได้บนเดสก์ท็อปเมื่อมีแอตทริบิวต์ multiple

การอัปเดตนี้จะเพิ่มกล่องรายการลงในอุปกรณ์เคลื่อนที่และป๊อปอัปแบบเลือกหลายรายการลงในเดสก์ท็อป รวมถึงช่วยให้มั่นใจว่าการเลือกใช้ที่มีแอตทริบิวต์ size และ multiple จะส่งผลให้โหมดการแสดงผลเหมือนกันในอุปกรณ์เคลื่อนที่และเดสก์ท็อป สรุปการเปลี่ยนแปลงมีดังนี้

  • เมื่อแอตทริบิวต์ size มีค่ามากกว่า 1 ระบบจะใช้การแสดงผลในหน้าเสมอ ก่อนหน้านี้อุปกรณ์เคลื่อนที่จะไม่สนใจพารามิเตอร์นี้
  • เมื่อตั้งค่าแอตทริบิวต์ multiple โดยไม่มีแอตทริบิวต์ size ระบบจะใช้การแสดงผลในหน้า ก่อนหน้านี้อุปกรณ์เคลื่อนที่จะใช้ป๊อปอัปแทนกล่องรายการในหน้า
  • เมื่อตั้งค่าแอตทริบิวต์ multiple ด้วย size=1 ระบบจะใช้ป๊อปอัป ก่อนหน้านี้อุปกรณ์เดสก์ท็อปใช้กล่องรายการในหน้า

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

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

ฟีเจอร์นี้รองรับแอตทริบิวต์การดาวน์โหลดในอินเทอร์เฟซ SVGAElement ใน Chromium ซึ่งสอดคล้องกับข้อกำหนด SVG 2 แอตทริบิวต์ดาวน์โหลดช่วยให้ผู้เขียนระบุได้ว่าควรดาวน์โหลดเป้าหมายของไฮเปอร์ลิงก์ SVG แทนที่จะนำทางไป ซึ่งเป็นการจำลองลักษณะการทำงานที่รองรับอยู่แล้วใน HTMLAnchorElement การปรับปรุงนี้จะส่งเสริมการทำงานร่วมกันในเบราว์เซอร์หลักๆ และรับประกันลักษณะการทำงานที่สอดคล้องกันระหว่างองค์ประกอบลิงก์ HTML กับ SVG ซึ่งจะช่วยปรับปรุงประสบการณ์ของนักพัฒนาแอปและความคาดหวังของผู้ใช้

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

กราฟิก

WebGPU: ฟีเจอร์ primitive_index

WebGPU เพิ่มความสามารถใหม่ที่ไม่บังคับซึ่งแสดงให้เห็นถึง Shader WGSL ใหม่ที่สร้างขึ้นในตัว primitive_index โดยจะจัดทำดัชนีต่อองค์ประกอบพื้นฐานสำหรับ Fragment Shader ในฮาร์ดแวร์ที่รองรับ ซึ่งคล้ายกับฟังก์ชันในตัว vertex_index และ instance_index ดัชนีดั้งเดิมมีประโยชน์สำหรับเทคนิคกราฟิกขั้นสูง เช่น เรขาคณิตเสมือน

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

WebGPU: ระดับรูปแบบพื้นผิว 1 และ 2

ขยายการรองรับรูปแบบพื้นผิวของ GPU ด้วยความสามารถต่างๆ เช่น การแนบการแสดงผล การผสม การหลายตัวอย่าง การแก้ไข และการเชื่อมโยงพื้นที่เก็บข้อมูล

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

Web API

FedCM - รองรับการแสดงต้นทาง iframe ของบุคคลที่สามใน UI

ก่อน Chrome 142 นั้น FedCM จะแสดงเว็บไซต์ระดับบนสุดใน UI เสมอ

วิธีนี้ใช้ได้ดีเมื่อ iframe เป็นของบุคคลที่หนึ่งในเชิงแนวคิด (เช่น foo.com อาจมี iframe foostatic.com ซึ่งไม่มีความหมายต่อผู้ใช้)

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

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

*+jsonการตรวจสอบโทเค็น MIME ที่เข้มงวดมากขึ้นสำหรับโมดูล JSON

ปฏิเสธการตอบกลับสคริปต์โมดูล JSON ที่มีประเภทหรือประเภทย่อยของ MIME ที่มีจุดรหัสโทเค็นที่ไม่ใช่ HTTP (เช่น ช่องว่าง) เมื่อตรงกับ *+json ซึ่งสอดคล้องกับข้อกำหนดการดมกลิ่น MIME และเครื่องมืออื่นๆ ซึ่งเป็นส่วนหนึ่งของพื้นที่โฟกัสของโมดูล Interop2025

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

การปรับตามบริบทของ Web Speech API

ฟีเจอร์นี้ช่วยให้เว็บไซต์รองรับการเอนเอียงตามบริบทสำหรับการจดจำเสียงพูดได้โดยการเพิ่มรายการวลีที่จดจำไปยัง Web Speech API

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

รายการใน ChromeStatus.com | ข้อกำหนด

เซสชันสื่อ: เพิ่มเหตุผลในenterpictureinpictureรายละเอียดการดำเนินการ

เพิ่ม enterPictureInPictureReason ลงใน MediaSessionActionDetails ที่ส่งไปยังการดำเนินการ enterpictureinpicture ใน Media Session API ซึ่งช่วยให้นักพัฒนาแอปแยกความแตกต่างระหว่างenterpictureinpictureการดำเนินการที่ผู้ใช้ทริกเกอร์อย่างชัดเจน (เช่น จากปุ่มใน User Agent) กับenterpictureinpictureการดำเนินการที่ User Agent ทริกเกอร์โดยอัตโนมัติเนื่องจากเนื้อหาถูกบดบัง

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

ความปลอดภัย

การจำกัดสิทธิ์เข้าถึงเครือข่ายภายใน

Chrome 142 จำกัดความสามารถในการส่งคำขอไปยังเครือข่ายในเครื่องของผู้ใช้ โดยจะมีการแสดงข้อความแจ้งขอสิทธิ์

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

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

ดูข้อมูลเพิ่มเติมได้ในข้อความแจ้งสิทธิ์ใหม่สำหรับการเข้าถึงเครือข่าย LAN

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

ข้อมูลจากผู้ใช้

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

ข้อกำหนด PointerEvents จำกัด pointerrawupdate ให้ใช้ได้เฉพาะในบริบทที่ปลอดภัยในปี 2020 โดยซ่อนทั้งการทริกเกอร์เหตุการณ์และ Listener เหตุการณ์ส่วนกลางจากบริบทที่ไม่ปลอดภัย ฟีเจอร์นี้จะช่วยให้ Chrome ทำงานตามข้อกำหนดที่อัปเดตและทำงานร่วมกับเบราว์เซอร์หลักอื่นๆ ได้

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

การเปิดใช้งานผู้ใช้แบบถาวรในการนำทางที่เริ่มต้นโดยโปรแกรมแสดงผลที่มีแหล่งที่มาเดียวกัน

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

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

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

ข้อมูลเข้าสู่ระบบเซสชันที่ผูกกับอุปกรณ์

วิธีที่เว็บไซต์จะผูกเซสชันกับอุปกรณ์เครื่องเดียวได้อย่างปลอดภัย

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

ช่วงทดลองใช้ฟีเจอร์ Origin | ข้อมูลเข้าสู่ระบบเซสชันที่ผูกกับอุปกรณ์: เริ่มช่วงทดลองใช้ฟีเจอร์ Origin ครั้งที่ 2 | รายการใน ChromeStatus.com | ข้อกำหนด