เผยแพร่: 10 มีนาคม 2026
Chrome 146 มีการรองรับชีตสไตล์ที่นำมาใช้ในแผง องค์ประกอบที่ดียิ่งขึ้น ปรับปรุงการไปยังส่วนต่างๆ ในประวัติของคอนโซลอย่างมาก และ เพิ่มประสิทธิภาพเวิร์กโฟลว์การแก้ไขข้อบกพร่องด้านความเป็นส่วนตัว พร้อมด้วยการแก้ไขและการอัปเดตเล็กๆ น้อยๆ อื่นๆ
ข้อมูลอัปเดตเซิร์ฟเวอร์ MCP ของเครื่องมือสำหรับนักพัฒนาเว็บ
เซิร์ฟเวอร์ MCP ของเครื่องมือสำหรับนักพัฒนาเว็บ ตอนนี้เป็นเวอร์ชัน 0.19.0 แล้ว ซึ่งมาพร้อมเครื่องมือใหม่ที่มีประสิทธิภาพ การปรับปรุงประสิทธิภาพ และทักษะการแก้ไขข้อบกพร่องเฉพาะทาง
- การตรวจสอบ Lighthouse ที่ผสานรวม: ตอนนี้คุณสามารถเรียกใช้การตรวจสอบ Lighthouse ได้โดยตรงผ่าน MCP ซึ่งจะช่วยให้การตรวจสอบประสิทธิภาพและคุณภาพอัตโนมัติภายในเวิร์กโฟลว์ของเอเจนต์เป็นไปได้
- โหมด Slim: ตอนนี้มี
--slimโหมดใหม่ที่ออกแบบมาเพื่อเพิ่มประสิทธิภาพ คำอธิบายและพารามิเตอร์ของเครื่องมือเพื่อประหยัดโทเค็นสูงสุด - ทักษะการแก้ไขข้อบกพร่องใหม่: เพิ่มทักษะเฉพาะสำหรับการตรวจสอบ และการแก้ไขข้อบกพร่องด้านการช่วยเหลือพิเศษ รวมถึงการแก้ไขข้อบกพร่องและการเพิ่มประสิทธิภาพ Largest Contentful Paint (LCP)
- เครื่องมือและความสามารถที่เพิ่มขึ้น: ตอนนี้เซิร์ฟเวอร์รองรับบริบทเบราว์เซอร์ที่แยกพื้นที่เก็บข้อมูล การบันทึกภาพหน้าจอเวอร์ชันทดลอง เครื่องมือ
take_memory_snapshotใหม่ และความสามารถในการโต้ตอบขั้นสูง เช่นtype_text
ดูรายการการเปลี่ยนแปลงทั้งหมดได้ในบันทึกการเปลี่ยนแปลงแบบสาธารณะใน GitHub
เก็บการแก้ไขประวัติการใช้คอนโซล
เราได้แก้ไขจุดที่สร้างความไม่สะดวกมาอย่างยาวนานใน Console แล้ว ก่อนหน้านี้ หากคุณแก้ไขคำสั่งที่ดึงมาจากประวัติและออกจากหน้าดังกล่าว (โดย กดขึ้นหรือลง) ระบบจะไม่บันทึกการแก้ไข
ใน Chrome 146 ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บจะเก็บการแก้ไขไว้ขณะที่คุณไปยังส่วนต่างๆ ของประวัติคำสั่ง คุณสามารถเริ่มแก้ไขคำสั่งก่อนหน้า เรียกดูคำสั่งอื่น และกลับไปที่ฉบับร่างได้โดยไม่ต้องกังวลว่างานจะหาย
ฟีเจอร์นี้เป็นผลงานของชุมชน ขอขอบคุณ @hjanuschka
ปัญหาใน Chromium: 355108929
ปรับปรุงการรองรับสไตล์ชีตที่นำมาใช้
ตอนนี้การแก้ไขข้อบกพร่องของคอมโพเนนต์เว็บและสถาปัตยกรรม CSS สมัยใหม่ทำได้ง่ายขึ้นมาก
ตอนนี้คุณจะเห็นสไตล์ชีตที่นำมาใช้ได้แล้ว โดยจะจัดกลุ่มไว้ภายใต้โหนด #adopted-style-sheets ที่เจาะจงภายในแผนผัง DOM ในแผงองค์ประกอบ
คุณตรวจสอบชีตเหล่านี้ได้เช่นเดียวกับ<style>แท็กมาตรฐาน และยังแก้ไขกฎของชีตได้โดยตรงในแผงรูปแบบ ซึ่งจะช่วยให้สไตล์ชีตที่สร้างขึ้นและสไตล์เชิงประกาศมีความเท่าเทียมกัน ทำให้การแก้ไขข้อบกพร่องของ Shadow DOM, คอมโพเนนต์เว็บ และระบบการออกแบบที่ใช้ร่วมกันง่ายขึ้น
ปัญหาเกี่ยวกับ Chromium: 476399197, 40802935
รองรับเลย์เอาต์ตารางกริดแบบหนาแน่น
ตอนนี้เครื่องมือแก้ไขตารางกริดในแผงรูปแบบรองรับอัลกอริทึมการจัดแพ็ก dense แล้ว เมื่อแก้ไข grid-auto-flow คุณจะเห็นช่องทําเครื่องหมายใหม่สําหรับคําหลัก dense ซึ่งช่วยให้คุณสลับระหว่างโหมดการจัดกลุ่มมาตรฐานและโหมดการจัดกลุ่มแบบหนาแน่นได้อย่างรวดเร็วจาก UI โดยตรง
ฟีเจอร์นี้เป็นผลงานของชุมชน ขอขอบคุณ @TheNourhan!
ปัญหาใน Chromium: 40791512
การแก้ไขข้อบกพร่องด้านความเป็นส่วนตัวที่มีประสิทธิภาพ
เราได้เปลี่ยนชื่อแผงความเป็นส่วนตัวและความปลอดภัยเดิมเป็นความปลอดภัย และ จัดระเบียบเพื่อลดความซับซ้อนของ UI และรวมเวิร์กโฟลว์การแก้ไขข้อบกพร่อง ตอนนี้ระบบจะรายงานข้อมูลทั้งหมดที่เกี่ยวข้องกับความเป็นส่วนตัว เช่น ปัญหาเกี่ยวกับคุกกี้ของบุคคลที่สามและการตรวจสอบการหยุดทำงานที่อาจเกิดขึ้น ใน Console โดยตรง
การเปลี่ยนแปลงนี้หมายความว่าคุณไม่จำเป็นต้องสลับไปมาระหว่างแผงเพื่อวินิจฉัยปัญหาด้านความเป็นส่วนตัวอีกต่อไป เนื่องจากปัญหาจะปรากฏควบคู่ไปกับบันทึกและข้อผิดพลาดอื่นๆ ซึ่งจะให้บริบทในทันที
ปัญหาใน Chromium: 473796598
ไฮไลต์อื่นๆ
- แหล่งที่มา: การยกเครื่องสถาปัตยกรรม Stack Trace ครั้งใหญ่ช่วยแก้ปัญหาที่การโหลด Source Map ล่าช้าทำให้ UI กระโดดหรือสลับไฟล์โดยไม่คาดคิด
- เครือข่าย: ป๊อปอัปผู้เริ่มใช้ระบบการติดตามสแต็กที่ปรับปรุงแล้ว เพื่อห่วงโซ่คำขอที่เชื่อถือได้มากขึ้น
ประกาศเกี่ยวกับการช่วยเหลือพิเศษ
เวอร์ชันนี้มีการปรับปรุงการช่วยเหลือพิเศษดังต่อไปนี้
- เครื่องบันทึก: ตอนนี้โปรแกรมอ่านหน้าจอจะประกาศเมื่อมีการเปิด/ปิดแถบด้านข้าง "แสดงรหัส"
- แอปพลิเคชัน: ตอนนี้ระบบจะประกาศชื่อรายงานใหม่ของ "พื้นที่เก็บข้อมูลที่ใช้ร่วมกัน" "แคชย้อนกลับ/ไปข้างหน้า" และ "การลดการติดตามการตีกลับ" เป็นส่วนหัวอย่างถูกต้องแล้ว
- การตั้งค่า: มีการปรับปรุงการรองรับโหมดคอนทราสต์สูงสำหรับรายการทางลัด และปุ่มสี
- ทั่วไป: ปรับปรุงการมองเห็นโฟกัสสำหรับองค์ประกอบ UI ต่างๆ ซึ่งรวมถึง แผงภาพรวม CSS และรายการเครื่องเล่นสื่อ