เผยแพร่เมื่อ: 25 สิงหาคม 2026
Chrome 152 กำลังเปิดตัวแล้ว และโพสต์นี้จะแชร์ฟีเจอร์หลักบางส่วนจากรุ่นนี้ อ่านบันทึกประจำรุ่นฉบับเต็มของ Chrome 152
ไฮไลต์จากรุ่นนี้
CSSPseudoElementการรองรับสำหรับองค์ประกอบเสมือนเพิ่มเติม จะขยายอินเทอร์เฟซไปยัง::backdrop,::scroll-marker, และ::view-transition- CPU Performance API ช่วยให้เว็บแอปพลิเคชันกำหนดประสิทธิภาพ CPU ของอุปกรณ์ของผู้ใช้ได้
- Connection Allowlists ช่วยให้ควบคุมปลายทางภายนอกในระดับเครือข่ายได้อย่างชัดเจนโดยใช้ส่วนหัวการตอบกลับ HTTP
การรองรับ CSSPseudoElement สำหรับ ::backdrop, ::scroll-marker และ ::view-transition
การรองรับ CSSPseudoElement ใน JavaScript ซึ่งก่อนหน้านี้กำหนดไว้สำหรับ ::after, ::before และ ::marker จะขยายไปยังองค์ประกอบเสมือนใหม่หลายรายการใน Chrome 152 ดังนี้
::backdrop: ช่วยให้คุณจัดการการโต้ตอบบนฉากหลังของกล่องโต้ตอบแบบโมดัลได้ เช่น คุณสามารถปิดกล่องโต้ตอบเมื่อผู้ใช้คลิกฉากหลังโดยไม่รบกวนการคลิกภายในเนื้อหาของกล่องโต้ตอบ ซึ่งช่วยลดความจำเป็นในการคำนวณการตัดกันที่ซับซ้อน::scroll-marker: ช่วยให้จัดการการโต้ตอบบนเครื่องหมายการเลื่อนได้ เช่น การรวบรวมสถิติจำนวนคลิก::view-transition: ปูทางสำหรับการเปลี่ยนมุมมองที่คำนึงถึงรูปทรงเรขาคณิตและการสกัดกั้นการเปลี่ยนมุมมองที่ใช้งานอยู่ระหว่างการเปลี่ยนโดยใช้พิกัดขององค์ประกอบที่กำลังเคลื่อนไหว
ดูรายละเอียดเพิ่มเติมเกี่ยวกับการโต้ตอบกับองค์ประกอบเสมือนใน JavaScript ได้ที่เอกสารประกอบ CSSPseudoElement ใน MDN
CPU Performance API
Chrome 152 ขอแนะนำ CPU Performance API ซึ่งช่วยให้เว็บแอปพลิเคชันกำหนดประสิทธิภาพ CPU ของอุปกรณ์ของผู้ใช้ได้
เว็บแอปพลิเคชันสามารถใช้ข้อมูลระดับนี้เพื่อปรับประสบการณ์ของผู้ใช้ให้เข้ากับความสามารถของอุปกรณ์ เช่น การปรับความคมชัดของกราฟิก การปรับการคำนวณที่ซับซ้อน หรือการปรับแต่งงานเบื้องหลัง นอกจากนี้ คุณยังใช้ API นี้ร่วมกับ Compute Pressure API ได้ ซึ่งจะให้ข้อมูลแบบเรียลไทม์เกี่ยวกับภาระงานและการใช้งาน CPU
ผู้ใช้สามารถลบล้างระดับประสิทธิภาพที่รายงานได้ในเบราว์เซอร์ Chrome การตั้งค่า > ประสิทธิภาพ > ความเร็ว > ลบล้างระดับประสิทธิภาพของ CPU ผู้ดูแลระบบยังควบคุมลักษณะการทำงานนี้ได้โดยใช้ นโยบายระดับองค์กร CpuPerformanceTierOverride
Connection Allowlists
Chrome 152 มาพร้อมกับ Connection Allowlists ซึ่งเป็นกลไกการรักษาความปลอดภัยที่ช่วยให้ควบคุมปลายทางภายนอกได้อย่างชัดเจนโดยจำกัดการเชื่อมต่อเครือข่ายที่เอกสารหรือ Web Worker เริ่มต้น
Connection Allowlists เป็นวิธีโดยตรงในการจัดการความเสี่ยงเหล่านี้โดยทำให้เบราว์เซอร์เป็นผู้ควบคุมการเชื่อมต่อเครือข่ายทั้งหมดที่มาจากหน้าเว็บของคุณ การใส่ส่วนหัวการตอบสนอง HTTP Connection-Allowlist จะช่วยให้เว็บไซต์ระบุรูปแบบ URL ที่แน่นอนซึ่งได้รับอนุญาตสำหรับการสื่อสารผ่านเครือข่ายทั้งหมดที่บริบทของเว็บไซต์เริ่มต้น
ดูข้อมูลเพิ่มเติมเกี่ยวกับตัวเลือกการกำหนดค่าและการรายงานได้ที่ Connection Allowlists ช่วงทดลองใช้จากต้นทาง
อ่านเพิ่มเติม
หัวข้อนี้ครอบคลุมเฉพาะไฮไลต์สำคัญบางส่วน ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 152 ได้ที่ลิงก์ต่อไปนี้
ติดตาม
ติดตามช่อง YouTube ของนักพัฒนาเว็บ Chrome เพื่อรับข้อมูลอัปเดตอยู่เสมอ และคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่ หรือติดตามเราได้ทาง X หรือ LinkedIn เพื่ออ่านบทความและบล็อกโพสต์ใหม่ๆ
เราจะมาบอกคุณว่ามีอะไรใหม่ใน Chrome ทันทีที่ Chrome 153 เปิดตัว