มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 86)

Jecelyn Yeen

หมายเหตุ: หากสนใจช่วยปรับปรุงเครื่องมือสำหรับนักพัฒนาเว็บ ลงชื่อสมัครเข้าร่วมการศึกษาวิจัยผู้ใช้ของ Google ที่นี่

แผงสื่อใหม่

ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บแสดงข้อมูลมีเดียเพลเยอร์ในแผงสื่อ

ก่อนแผงสื่อใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บอาจดูข้อมูลการบันทึกและการแก้ไขข้อบกพร่องเกี่ยวกับโปรแกรมเล่นวิดีโอได้ใน chrome://media-internals

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

ปัญหาเกี่ยวกับ Chromium: 1018414

จับภาพหน้าจอของโหนดผ่านเมนูตามบริบทของแผงองค์ประกอบ

ตอนนี้คุณจับภาพหน้าจอของโหนดผ่านเมนูตามบริบทในแผงองค์ประกอบได้แล้ว

เช่น คุณจับภาพหน้าจอของตารางเนื้อหาได้โดยคลิกขวาที่องค์ประกอบนั้นๆ แล้วเลือกจับภาพหน้าจอของโหนด

ปัญหาเกี่ยวกับ Chromium: 1100253

การอัปเดตแท็บปัญหา

ตอนนี้แถบคำเตือนปัญหาในแผง Console จะเปลี่ยนเป็นข้อความปกติแล้ว

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

ปัญหาเกี่ยวกับ Chromium: 1096481, 1068116, 1080589

จำลองแบบอักษรในเครื่องที่หายไป

เปิดแท็บการแสดงผลแล้วใช้ฟีเจอร์ปิดใช้แบบอักษรในเครื่องเพื่อจำลองแหล่งที่มาที่หายไป local() รายการในกฎ @font-face

ตัวอย่างเช่น เมื่อติดตั้งแบบอักษร "Rubik" ในอุปกรณ์แล้ว และกฎ @font-face src ใช้แบบอักษรดังกล่าวเป็นแบบอักษร local() Chrome จะใช้ไฟล์แบบอักษรในเครื่องจากอุปกรณ์ของคุณ

เมื่อเปิดใช้ปิดใช้แบบอักษรในเครื่อง เครื่องมือสำหรับนักพัฒนาเว็บจะไม่สนใจแบบอักษร local() และจะดึงข้อมูลแบบอักษรดังกล่าวจากเครือข่าย

บ่อยครั้งที่นักพัฒนาซอฟต์แวร์และนักออกแบบใช้แบบอักษรเดียวกัน 2 ชุดที่แตกต่างกันระหว่างการพัฒนา

• แบบอักษรในเครื่องสำหรับเครื่องมือออกแบบของคุณ และ
• แบบอักษรเว็บสำหรับโค้ดของคุณ

การปิดใช้แบบอักษรในเครื่องช่วยให้คุณทําสิ่งต่อไปนี้ได้ง่ายขึ้น

• แก้ไขข้อบกพร่องและวัดผลการทำงานและการเพิ่มประสิทธิภาพในการโหลดแบบอักษรบนเว็บ
• ยืนยันความถูกต้องของกฎ @font-face ของ CSS
• ดูความแตกต่างระหว่างแบบอักษรเว็บและเวอร์ชันในเครื่อง

ปัญหาเกี่ยวกับ Chromium: 384968

จำลองผู้ใช้ที่ไม่ได้ใช้งาน

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

ปัญหาเกี่ยวกับ Chromium: 1090802

จำลอง prefers-reduced-data

หมายเหตุ: ใน Chrome 86 ฟีเจอร์นี้พร้อมใช้งานหลังแฟล็ก chrome://flags/#enable-experimental-web-platform-features คุณจะเห็นตัวเลือกการจำลองนี้ต่อเมื่อมีการเปิดใช้แฟล็ก

คิวรี่สื่อของ prefers-reduced-data จะตรวจหาว่าผู้ใช้ต้องการให้แสดงเนื้อหาสำรองที่ใช้ข้อมูลน้อยกว่าในการแสดงผลหน้าเว็บหรือไม่

ตอนนี้คุณใช้เครื่องมือสำหรับนักพัฒนาเว็บเพื่อจำลองคำค้นหาสื่อ prefers-reduced-data ได้แล้ว

ปัญหาเกี่ยวกับ Chromium: 1096068

การรองรับฟีเจอร์ JavaScript ใหม่

ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บรองรับฟีเจอร์ภาษา JavaScript ล่าสุดได้ดียิ่งขึ้นแล้ว ดังนี้

• โอเปอเรเตอร์การกำหนดแบบตรรกะ - ขณะนี้เครื่องมือสำหรับนักพัฒนาเว็บรองรับการกำหนดเชิงตรรกะกับโอเปอเรเตอร์ใหม่ &&=, ||= และ ??= ในแผงคอนโซลและแหล่งที่มา
• ตัวคั่นตัวเลขแบบพิมพ์ด้วย - ขณะนี้เครื่องมือสำหรับนักพัฒนาเว็บจะพิมพ์ตัวคั่นตัวเลขในแผงแหล่งที่มาได้อย่างถูกต้อง

ปัญหาเกี่ยวกับ Chromium: 1086817, 1080569

Lighthouse 6.2 ในแผง Lighthouse

แผง Lighthouse เรียกใช้ Lighthouse 6.2 อยู่ในขณะนี้ ดูบันทึกประจำรุ่นเพื่อดูรายการการเปลี่ยนแปลงทั้งหมด

การตรวจสอบใหม่ใน Lighthouse 6.2

• หลีกเลี่ยงงานเทรดหลักที่ใช้เวลานาน รายงานงานที่ใช้เวลานานที่สุดในเทรดหลัก ซึ่งมีประโยชน์ในการระบุปัจจัยที่แย่ที่สุดที่ทำให้อินพุตล่าช้า
• ระบบรวบรวมข้อมูลลิงก์ได้ ตรวจสอบว่าแอตทริบิวต์ href ขององค์ประกอบ Anchor ลิงก์กับปลายทางที่เหมาะสมเพื่อให้ผู้ชมค้นพบลิงก์ได้
• องค์ประกอบรูปภาพที่ไม่มีขนาด - ตรวจสอบว่ามีการตั้งค่า width และ height ที่ชัดเจนในองค์ประกอบรูปภาพหรือไม่ ขนาดรูปภาพที่ไม่เหมาะสมจะช่วยลดการเปลี่ยนแปลงของเลย์เอาต์และปรับปรุง CLS ได้
• หลีกเลี่ยงการใช้ภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite รายงานภาพเคลื่อนไหวที่ไม่ได้ทำการคอมโพสิตซึ่งแสดงผลที่ติดขัดและลด CLS
• ฟังกิจกรรม unload รายงานเหตุการณ์ unload ลองใช้เหตุการณ์ pagehide หรือ visibilitychange แทน เนื่องจากเหตุการณ์ unload เริ่มทำงานโดยไม่มีความเสถียร

การตรวจสอบที่อัปเดตใน Lighthouse 6.2:

• นำ JavaScript ที่ไม่ได้ใช้ออก ตอนนี้ Lighthouse จะปรับปรุงการตรวจสอบหากหน้าเว็บมีการแมปแหล่งที่มา JavaScript ที่เข้าถึงได้แบบสาธารณะ

ปัญหาเกี่ยวกับ Chromium: 772558

การเลิกใช้งานรายการ "ต้นทางอื่นๆ" ในแผง Service Workers

ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บมีลิงก์เพื่อดูรายชื่อ Service Worker ทั้งหมดจากต้นทางอื่นๆ ในแท็บเบราว์เซอร์ใหม่ - chrome://serviceworker-internals/?devtools

ก่อนหน้านี้เครื่องมือสำหรับนักพัฒนาเว็บแสดงรายการที่ฝังอยู่ภายในแผงแอปพลิเคชัน > แผง Service Worker

ปัญหาเกี่ยวกับ Chromium: 807440

แสดงสรุปความครอบคลุมของรายการที่กรอง

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

ในตัวอย่างด้านล่าง ให้สังเกตวิธีที่ข้อมูลสรุปในตอนแรกระบุว่า 446 kB of 2.0 MB (22%) used so far. 1.5 MB unused. จากนั้นระบุ 57 kB of 604 kB (10%) used so far. 546 kB unused. หลังจากใช้การกรอง CSS

ปัญหาเกี่ยวกับ Chromium: 1061385

มุมมองรายละเอียดเฟรมใหม่ในแผงแอปพลิเคชัน

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

ปัญหาเกี่ยวกับ Chromium: 1093247

รายละเอียดของเฟรมสำหรับหน้าต่างที่เปิดอยู่

ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บจะแสดงหน้าต่าง / ป๊อปอัปที่เปิดอยู่ภายใต้แผนผังเฟรมด้วย มุมมองรายละเอียดเฟรมของหน้าต่างที่เปิดอยู่จะมีข้อมูลความปลอดภัยเพิ่มเติม

ปัญหาเกี่ยวกับ Chromium: 1107766

ข้อมูลความปลอดภัยและการแยกกักตัว (COEP / COOP)

ตอนนี้ DevTools แสดงบริบทที่ปลอดภัย, cross-Origin-Embedder-Policy (COEP) และ Cross-Origin-Opener-Policy (COOP) ในรายละเอียดเฟรม

ระบบจะเพิ่มข้อมูลความปลอดภัยเพิ่มเติมลงในมุมมองรายละเอียดเฟรมเร็วๆ นี้

ปัญหาเกี่ยวกับ Chromium: 1051466

การอัปเดตแผงองค์ประกอบและเครือข่าย

คำแนะนำสีที่เข้าถึงได้ในแผงรูปแบบ

ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บจะให้คำแนะนำสีสำหรับข้อความคอนทราสต์สีต่ำ

ในตัวอย่างด้านล่าง h1 มีข้อความคอนทราสต์ต่ำ หากต้องการแก้ไขปัญหานี้ ให้เปิดตัวเลือกสีของพร็อพเพอร์ตี้ color ในแผง "รูปแบบ" หลังจากขยายส่วนอัตราส่วนคอนทราสต์แล้ว เครื่องมือสำหรับนักพัฒนาเว็บจะให้คำแนะนำสีแบบ AA และ AAA คลิกสีที่แนะนำเพื่อใส่สี

ปัญหา Chromium: 1093227

คืนสถานะแผงคุณสมบัติในแผงองค์ประกอบ

แผงคุณสมบัติกลับมาแล้ว ซึ่งเลิกใช้งานใน Chrome 84 แล้ว ในเครื่องมือสำหรับนักพัฒนาเว็บเวอร์ชันในอนาคต เราจะปรับปรุงเวิร์กโฟลว์สำหรับการตรวจสอบคุณสมบัติขององค์ประกอบ

ปัญหาเกี่ยวกับ Chromium: 1105205, 1116085

ค่าส่วนหัว X-Client-Data ที่มนุษย์อ่านได้ในแผงเครือข่าย

เมื่อตรวจสอบทรัพยากรเครือข่ายในแผงเครือข่าย ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บจะจัดรูปแบบค่าส่วนหัว X-Client-Data ในแผงส่วนหัวเป็นโค้ด

ส่วนหัว HTTP X-Client-Data ประกอบด้วยรายการรหัสการทดสอบและแฟล็ก Chrome ที่เปิดใช้ในเบราว์เซอร์ ค่าส่วนหัวแบบดิบมีลักษณะเป็นสตริงที่คลุมเครือเนื่องจากเป็นบัฟเฟอร์โปรโตคอลที่เข้ารหัสแบบ Base64 ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บแสดงค่าที่ถอดรหัสแล้ว เพื่อให้เนื้อหามีความโปร่งใสมากขึ้นสำหรับนักพัฒนาแอป

ปัญหาเกี่ยวกับ Chromium: 1103854

เติมแบบอักษรที่กำหนดเองโดยอัตโนมัติในแผงรูปแบบ

ตอนนี้แบบอักษรที่นำเข้ามาลงในรายการการเติมข้อความอัตโนมัติ CSS แล้วเมื่อแก้ไขพร็อพเพอร์ตี้ font-family ในแผงรูปแบบ

ในตัวอย่างนี้ 'Noto Sans' คือแบบอักษรที่กําหนดเองที่ติดตั้งในเครื่อง ซึ่งจะแสดงในรายการ CSS เสร็จสมบูรณ์ ซึ่งก่อนหน้านี้ไม่เป็นเช่นนั้น

ปัญหาเกี่ยวกับ Chromium: 1106221

แสดงประเภททรัพยากรที่สอดคล้องกันในแผงเครือข่าย

ขณะนี้เครื่องมือสำหรับนักพัฒนาเว็บแสดงทรัพยากรประเภทเดียวกันกับคำขอเครือข่ายเดิมอย่างสม่ำเสมอ และจะเพิ่ม / Redirect ต่อท้ายค่าคอลัมน์ประเภทเมื่อมีการเปลี่ยนเส้นทาง (สถานะ 302)

เครื่องมือสำหรับนักพัฒนาเว็บก่อนหน้านี้เปลี่ยนประเภทเป็น Other ในบางครั้ง

ปัญหาเกี่ยวกับ Chromium: 997694

ล้างปุ่มในแผงองค์ประกอบและเครือข่าย

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

ปัญหาเกี่ยวกับ Chromium: 1067184

ดาวน์โหลดเวอร์ชันตัวอย่าง

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

ติดต่อทีม Chrome DevTools

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

• ส่งข้อเสนอแนะหรือความคิดเห็นถึงเราทาง crbug.com
• รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บโดยใช้ตัวเลือกเพิ่มเติม     > ความช่วยเหลือ > รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บในเครื่องมือสำหรับนักพัฒนาเว็บ
• ทวีตที่ @ChromeDevTools
• แสดงความคิดเห็นว่ามีอะไรใหม่ในวิดีโอ YouTube เครื่องมือสำหรับนักพัฒนาเว็บ หรือวิดีโอ YouTube สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ

รายการข้อมูลทั้งหมดที่ครอบคลุมในซีรีส์มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ

Chrome 127

• ตรวจสอบการวางตำแหน่งแท็ก Anchor ของ CSS ในแผงองค์ประกอบ
• การปรับปรุงแผงแหล่งที่มา
• ปรับแต่ง "ไม่ต้องหยุดชั่วคราวที่นี่"
• Listener เหตุการณ์ของ Scroll Snap ใหม่
• การปรับปรุงแผงเครือข่าย
• อัปเดตค่าที่กำหนดล่วงหน้าสำหรับการควบคุมเครือข่าย
• ข้อมูลโปรแกรมทำงานของบริการในช่องที่กำหนดเองของรูปแบบ HAR
• ส่งและรับเหตุการณ์ WebSocket ในแผงประสิทธิภาพ
• ไฮไลต์เบ็ดเตล็ด

Chrome 126

• การปรับปรุงแผงประสิทธิภาพ
• ย้ายและซ่อนแทร็กด้วยโหมดการกำหนดค่าแทร็กที่อัปเดตแล้ว
• ละเว้นสคริปต์ในแผนภูมิ Flame
• ลดการทำงานของ CPU ลง 20 ครั้ง
• เราจะเลิกใช้งานแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ
• ค้นหาการใช้งานหน่วยความจำที่มากเกินไปด้วยตัวกรองใหม่ในฮีพสแนปชอต
• ตรวจสอบที่เก็บข้อมูลของพื้นที่เก็บข้อมูลในแอปพลิเคชัน > พื้นที่เก็บข้อมูล
• ปิดใช้คำเตือน XSS ด้วยตนเองด้วยการแฟล็กบรรทัดคำสั่ง
• Lighthouse 12.0.0
• ไฮไลต์เบ็ดเตล็ด

Chrome 125

• ทำความเข้าใจข้อผิดพลาดและคำเตือนในคอนโซลได้ดีขึ้นด้วย Gemini
• การสนับสนุนกฎ@position-try ในองค์ประกอบ > รูปแบบ
• การปรับปรุงแผงแหล่งที่มา
• กำหนดค่าการจัดพิมพ์ด้วยตัวอักษรและการปิดวงเล็บอัตโนมัติ
• สัญญาที่ปฏิเสธแล้วพบว่าถูกจับได้
• สาเหตุของข้อผิดพลาดในคอนโซล
• การปรับปรุงแผงเครือข่าย
• ตรวจสอบส่วนหัวของคำแนะนำเบื้องต้น
• ซ่อนคอลัมน์ Waterfall
• การปรับปรุงแผงประสิทธิภาพ
• เก็บบันทึกสถิติตัวเลือก CSS
• เปลี่ยนลำดับและซ่อนแทร็ก
• ละเว้นเครื่องมือเก็บในแผงหน่วยความจำ
• Lighthouse 11.7.1
• ไฮไลต์เบ็ดเตล็ด

Chrome 124

• แผงการป้อนข้อความอัตโนมัติใหม่
• การควบคุมเครือข่ายที่มีประสิทธิภาพมากขึ้นสำหรับ WebRTC
• การรองรับภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนในแผงภาพเคลื่อนไหว
• การรองรับการซ้อน CSS ที่ได้รับการปรับปรุงในองค์ประกอบ > รูปแบบ
• แผงประสิทธิภาพที่ปรับปรุงแล้ว
• ซ่อนฟังก์ชันและองค์ประกอบย่อยในแผนภูมิ Flame
• ลูกศรตั้งแต่ผู้เริ่มต้นที่เลือกไปจนถึงเหตุการณ์ที่ตนเริ่มต้น
• Lighthouse 11.6.0
• เคล็ดลับเครื่องมือสำหรับหมวดหมู่พิเศษในหน่วยความจำ > สแนปชอตฮีป
• แอปพลิเคชัน > การอัปเดตพื้นที่เก็บข้อมูล
• ไบต์ที่ใช้สำหรับพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน
• เลิกใช้งาน SQL ในเว็บโดยสมบูรณ์แล้ว
• การปรับปรุงแผงการครอบคลุม
• อาจมีการเลิกใช้งานแผงเลเยอร์
• การเลิกใช้งานเครื่องมือสร้างโปรไฟล์ JavaScript: ระยะที่ 4, ขั้นสุดท้าย
• ไฮไลต์เบ็ดเตล็ด

Chrome 123

• ค้นหาไข่อีสเตอร์
• การอัปเดตแผงองค์ประกอบ
• จำลองหน้าที่โฟกัสในองค์ประกอบ > รูปแบบ
• ตัวเลือกสี นาฬิกาข้อมือ และการแก้ไขการค่อยๆ เปลี่ยนใน var() สำรอง
• เลิกใช้งานเครื่องมือความยาว CSS แล้ว
• ป๊อปอัปสําหรับผลการค้นหาที่เลือกในประสิทธิภาพ > แทร็กหลัก
• การอัปเดตแผงเครือข่าย
• ล้างปุ่มและตัวกรองการค้นหาในเครือข่าย > แท็บ EventStream
• เคล็ดลับเครื่องมือสำหรับเหตุผลของการยกเว้นสำหรับคุกกี้ของบุคคลที่สามในส่วนเครือข่าย > คุกกี้
• เปิดหรือปิดใช้เบรกพอยท์ทั้งหมดในแหล่งที่มา
• ดูสคริปต์ที่โหลดในเครื่องมือสำหรับนักพัฒนาเว็บสำหรับ Node.js
• Lighthouse 11.5.0
• การปรับปรุงการเข้าถึง
• ไฮไลต์เบ็ดเตล็ด

Chrome 122

• คอลเล็กชันส่วนขยายอย่างเป็นทางการของโปรแกรมอัดเสียงพร้อมใช้งานแล้ว
• การปรับปรุงเครือข่าย
• เหตุผลที่ดำเนินการไม่สำเร็จในคอลัมน์สถานะ
• เมนูย่อยการคัดลอกที่ปรับปรุงใหม่
• การปรับปรุงประสิทธิภาพ
• เบรดครัมบ์ในไทม์ไลน์
• ผู้เริ่มกิจกรรมในแทร็กหลัก
• เมนูตัวเลือกอินสแตนซ์ VM ของ JavaScript สำหรับ DevTools ของ Node.js
• แป้นพิมพ์ลัดและคำสั่งใหม่ในแหล่งที่มา
• การปรับปรุงองค์ประกอบ
• ตอนนี้คุณสามารถแก้ไของค์ประกอบ Pseudo ::view-transition ในรูปแบบต่างๆ
• การรองรับพร็อพเพอร์ตี้จัดเรียงเนื้อหาสำหรับคอนเทนเนอร์การบล็อก
• การรองรับระดับสำหรับอุปกรณ์แบบพับได้จำลอง
• ธีมแบบไดนามิก
• คำเตือนเกี่ยวกับคุกกี้ของบุคคลที่สามในแผงเครือข่ายและแอปพลิเคชัน
• Lighthouse 11.4.0
• การปรับปรุงการเข้าถึง
• ไฮไลต์เบ็ดเตล็ด

Chrome 121

• การปรับปรุงองค์ประกอบ
• แถบตัวกรองที่มีประสิทธิภาพมากขึ้นในแผงเครือข่าย
• ทีมสนับสนุนของ @font-palette-values
• เคสที่รองรับ: พร็อพเพอร์ตี้ที่กําหนดเองเป็นพร็อพเพอร์ตี้สำรองของพร็อพเพอร์ตี้ที่กําหนดเองรายการอื่น
• ปรับปรุงการรองรับการแมปแหล่งที่มา
• การปรับปรุงแผงประสิทธิภาพ
• การติดตามการโต้ตอบที่ปรับปรุงแล้ว
• การกรองขั้นสูงในแท็บด้านล่างขึ้นต้น แผนผังการโทร และบันทึกเหตุการณ์
• เครื่องหมายการเยื้องในแผงแหล่งที่มา
• เคล็ดลับเครื่องมือที่มีประโยชน์สำหรับส่วนหัวและเนื้อหาที่ถูกลบล้างในแผงเครือข่าย
• ตัวเลือกใหม่ในเมนูคำสั่งสำหรับการเพิ่มและนำรูปแบบการบล็อกคำขอออก
• นำการทดสอบการละเมิด CSP ออกแล้ว
• Lighthouse 11.3.0
• การปรับปรุงการเข้าถึง
• ไฮไลต์เบ็ดเตล็ด

Chrome 120

• การเลิกใช้งานคุกกี้ของบุคคลที่สาม
• วิเคราะห์คุกกี้ของเว็บไซต์ด้วยเครื่องมือวิเคราะห์ของ Privacy Sandbox
• ข้อมูลละเว้นที่เพิ่มประสิทธิภาพ
• รูปแบบการยกเว้นเริ่มต้นสำหรับ Node_modules
• ข้อยกเว้นที่พบจะหยุดการดำเนินการหากตรวจพบหรือผ่านโค้ดที่ไม่ถูกละเว้น
• x_google_ignoreList เปลี่ยนชื่อเป็น ignoreList ในการแมปแหล่งที่มา
• สลับโหมดป้อนข้อมูลใหม่ระหว่างการแก้ไขข้อบกพร่องจากระยะไกล
• ตอนนี้แผงองค์ประกอบแสดง URL สำหรับโหนด #document แล้ว
• นโยบายรักษาความปลอดภัยเนื้อหาที่มีประสิทธิภาพในแผงแอปพลิเคชัน
• การแก้ไขข้อบกพร่องของภาพเคลื่อนไหวที่ดียิ่งขึ้น
• กล่องโต้ตอบ "คุณเชื่อถือโค้ดนี้ไหม" ในแหล่งที่มาและคำเตือน XSS ด้วยตนเองในคอนโซล
• เบรกพอยท์ของ Listener เหตุการณ์ในผู้ปฏิบัติงานเว็บและ Worklet
• ป้ายสื่อใหม่สำหรับ <audio> และ <video>
• การโหลดล่วงหน้าเปลี่ยนชื่อเป็นการโหลดแบบคาดเดา
• Lighthouse 11.2.0
• การปรับปรุงการเข้าถึง
• ไฮไลต์เบ็ดเตล็ด

Chrome 119

• ส่วน @property ที่ได้รับการปรับปรุงในองค์ประกอบ > รูปแบบ
• กฎ @property ที่แก้ไขได้
• ระบบจะรายงานปัญหาที่มีกฎ @พร็อพเพอร์ตี้ไม่ถูกต้อง
• อัปเดตรายการอุปกรณ์ที่จะจำลอง
• รูปแบบ JSON ในบรรทัดที่จัดรูปแบบในแท็กสคริปต์ในแหล่งที่มา
• เติมช่องส่วนตัวโดยอัตโนมัติใน Console
• Lighthouse 11.1.0
• การปรับปรุงการเข้าถึง
• การเลิกใช้งาน SQL ในเว็บ
• การตรวจสอบสัดส่วนภาพของภาพหน้าจอในแอปพลิเคชัน > ไฟล์ Manifest
• ไฮไลต์เบ็ดเตล็ด

Chrome 118

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

Chrome 117

• การปรับปรุงแผงเครือข่าย
• ลบล้างเนื้อหาเว็บในเครื่องได้เร็วขึ้น
• ลบล้างเนื้อหาของ XHR และคำขอดึงข้อมูล
• ซ่อนคำขอส่วนขยาย Chrome
• รหัสสถานะ HTTP ที่มนุษย์อ่านได้

• การตอบกลับที่น่ารักสำหรับประเภทย่อย JSON

• ประสิทธิภาพ: ดูการเปลี่ยนแปลงลำดับความสำคัญในการดึงข้อมูลสำหรับเหตุการณ์ในเครือข่าย

• เปิดใช้การตั้งค่าแหล่งที่มาโดยค่าเริ่มต้น: การพับโค้ดและการเปิดเผยไฟล์โดยอัตโนมัติ

• ปรับปรุงการแก้ไขข้อบกพร่องเกี่ยวกับคุกกี้ของบุคคลที่สาม

• สีใหม่

• Lighthouse 10.4.0

• แก้ไขข้อบกพร่องการโหลดล่วงหน้าในแผงแอปพลิเคชัน

• ตอนนี้ส่วนขยายการแก้ไขข้อบกพร่อง C/C++ WebAssembly สำหรับเครื่องมือสำหรับนักพัฒนาเว็บเป็นโอเพนซอร์สแล้ว

• ไฮไลต์เบ็ดเตล็ด

• (ทดลอง) การจำลองการแสดงผลใหม่: prefers-reduced-transparency

• (ทดลอง) การตรวจสอบโปรโตคอลที่ปรับปรุงแล้ว

Chrome 116

• ปรับปรุงการแก้ไขข้อบกพร่องของสไตล์ชีตที่ขาดหายไป
• การรองรับการกำหนดเวลาเชิงเส้นในองค์ประกอบ > รูปแบบ > เครื่องมือแก้ไขการค่อยๆ เปลี่ยน
• การรองรับที่เก็บข้อมูลและมุมมองข้อมูลเมตา
• Lighthouse 10.3.0
• การช่วยเหลือพิเศษ: คำสั่งแป้นพิมพ์และการอ่านหน้าจอที่ปรับปรุงใหม่
• ไฮไลต์เบ็ดเตล็ด

Chrome 115

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

Chrome 114

• การรองรับการแก้ไขข้อบกพร่องของ WebAssembly
• ปรับปรุงลักษณะการก้าวในแอป Wasm
• แก้ไขข้อบกพร่องของการป้อนข้อความอัตโนมัติโดยใช้แผงองค์ประกอบและแท็บปัญหา
• การยืนยันในโปรแกรมอัดเสียง
• Lighthouse 10.1.1
• การเพิ่มประสิทธิภาพ
• performance.mark() แสดงการจับเวลาเมื่อวางเมาส์เหนือ "ประสิทธิภาพ" > "การจับเวลา"
• คำสั่งprofile() ป้อนข้อมูลประสิทธิภาพ > หลัก
• คำเตือนการโต้ตอบของผู้ใช้ที่ช้า
• ข้อมูลอัปเดตเกี่ยวกับ Web Vitals
• การเลิกใช้งานเครื่องมือสร้างโปรไฟล์ JavaScript: ระยะที่ 3
• ไฮไลต์เบ็ดเตล็ด

Chrome 113

• ลบล้างส่วนหัวการตอบกลับของเครือข่าย
• ปรับปรุงการแก้ไขข้อบกพร่อง Nux, Vite และ Rollup
• การปรับปรุง CSS ในองค์ประกอบ > รูปแบบ
• พร็อพเพอร์ตี้และค่า CSS ไม่ถูกต้อง
• ลิงก์ไปยังคีย์เฟรมในพร็อพเพอร์ตี้ชวเลขของภาพเคลื่อนไหว
• การตั้งค่าคอนโซลใหม่: เติมข้อความอัตโนมัติเมื่อ Enter
• เมนูคำสั่งเน้นไฟล์ที่เขียน
• การเลิกใช้งานเครื่องมือสร้างโปรไฟล์ JavaScript: ระยะที่ 2
• ไฮไลต์เบ็ดเตล็ด

Chrome 112

• ข้อมูลอัปเดตเกี่ยวกับโปรแกรมอัดเสียง
• ส่วนขยายการเล่นซ้ำของโปรแกรมอัดเสียง
• บันทึกด้วยตัวเลือกเจาะร่างกาย
• ส่งออกไฟล์บันทึกเป็นสคริปต์ Puppeteer ด้วยการวิเคราะห์ Lighthouse
• ดาวน์โหลดส่วนขยายสำหรับโปรแกรมอัดเสียง
• องค์ประกอบ > การอัปเดตสไตล์
• เอกสารประกอบ CSS ในแผงรูปแบบ
• การรองรับการฝัง CSS
• การทำเครื่องหมายจุดตรวจสอบและจุดพักแบบมีเงื่อนไขในคอนโซล
• ละเว้นสคริปต์ที่ไม่เกี่ยวข้องระหว่างการแก้ไขข้อบกพร่อง
• เริ่มการเลิกใช้งานเครื่องมือสร้างโปรไฟล์ JavaScript
• จำลองคอนทราสต์ที่ลดลง
• Lighthouse 10
• ไฮไลต์เบ็ดเตล็ด

Chrome 111

• การแก้ไขข้อบกพร่องสี HD ด้วยแผงรูปแบบ
• UX ของเบรกพอยท์ที่ปรับปรุงแล้ว
• แป้นพิมพ์ลัดของโปรแกรมอัดเสียงที่ปรับแต่งได้
• ไฮไลต์ไวยากรณ์ที่ดียิ่งขึ้นสำหรับ Angular
• จัดระเบียบแคชใหม่ในแผงแอปพลิเคชัน
• ไฮไลต์เบ็ดเตล็ด

Chrome 110

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

Chrome 109

• โปรแกรมอัดเสียง: คัดลอกเป็นตัวเลือกสำหรับขั้นตอน การเล่นซ้ำในหน้าเว็บ เมนูตามบริบทของขั้นตอน
• แสดงชื่อฟังก์ชันจริงในไฟล์บันทึกการแสดง
• แป้นพิมพ์ลัดใหม่ในแผงคอนโซลและแหล่งที่มา
• การแก้ไขข้อบกพร่อง JavaScript ที่ได้รับการปรับปรุง
• ไฮไลต์เบ็ดเตล็ด
• [ทดลอง] UX ที่เพิ่มประสิทธิภาพในการจัดการเบรกพอยท์
• [ทดลอง] ฟีเจอร์พิมพ์ในสถานที่อัตโนมัติ

Chrome 108

• คำแนะนำสำหรับพร็อพเพอร์ตี้ CSS ที่ไม่มีการใช้งาน
• ตรวจหา XPath และตัวเลือกข้อความในแผงโปรแกรมอัดเสียงโดยอัตโนมัติ
• ขั้นตอนผ่านนิพจน์ที่คั่นด้วยเครื่องหมายจุลภาค
• ปรับปรุงการตั้งค่ารายการละเว้น
• ไฮไลต์เบ็ดเตล็ด

Chrome 107

• ปรับแต่งแป้นพิมพ์ลัดในเครื่องมือสำหรับนักพัฒนาเว็บ
• สลับธีมสว่างและธีมมืดด้วยแป้นพิมพ์ลัด
• ไฮไลต์ออบเจ็กต์ C/C++ ในเครื่องมือตรวจสอบหน่วยความจำ
• รองรับข้อมูลผู้เริ่มดำเนินการทั้งหมดสำหรับการนำเข้า HAR
• เริ่มการค้นหา DOM หลังจากกด Enter
• แสดงไอคอน start และ end สำหรับคุณสมบัติ Flexbox ของ CSS align-content รายการ
• ไฮไลต์เบ็ดเตล็ด

Chrome 106

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

Chrome 105

• การเล่นซ้ำแบบทีละขั้นตอนในโปรแกรมอัดเสียง
• รองรับเหตุการณ์การวางเมาส์เหนือเหตุการณ์ในแผงโปรแกรมอัดเสียง
• การแสดงผลเนื้อหาขนาดใหญ่ที่สุด (LCP) ในแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ
• ระบุการกะพริบของข้อความ (FOIT, FOUT) ว่าเป็นสาเหตุที่เป็นไปได้ที่ทำให้เกิดการเปลี่ยนเลย์เอาต์
• ตัวแฮนเดิลโปรโตคอลในแผงไฟล์ Manifest
• ป้ายเลเยอร์บนสุดในแผงองค์ประกอบ
• แนบข้อมูลการแก้ไขข้อบกพร่อง Wasm ขณะรันไทม์
• รองรับการแก้ไขแบบเรียลไทม์ระหว่างการแก้ไขข้อบกพร่อง
• ดูและแก้ไข @scope ที่กฎในแผงรูปแบบ
• การปรับปรุงการแมปแหล่งที่มา
• ไฮไลต์เบ็ดเตล็ด

Chrome 104

• รีสตาร์ทเฟรมระหว่างการแก้ไขข้อบกพร่อง
• ตัวเลือกการเล่นซ้ำช้าในแผงโปรแกรมอัดเสียง
• สร้างส่วนขยายสำหรับแผงโปรแกรมอัดเสียง
• จัดกลุ่มไฟล์ตามสถานะ "เขียนแล้ว" หรือ "ทำให้ใช้งานได้แล้ว" ในแผงแหล่งที่มา
• การติดตามการจับเวลาของผู้ใช้ใหม่ในแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ
• แสดงช่องที่กำหนดไว้ขององค์ประกอบ
• จำลองการเกิดขึ้นพร้อมกันของฮาร์ดแวร์สำหรับการบันทึกประสิทธิภาพ
• แสดงตัวอย่างค่าที่ไม่ใช่สีเมื่อเติมตัวแปร CSS อัตโนมัติ
• ระบุเฟรมการบล็อกในแผง Back-Forward Cache
• คำแนะนำที่เติมข้อความอัตโนมัติที่ได้รับการปรับปรุงสำหรับออบเจ็กต์ JavaScript
• การปรับปรุงการแมปแหล่งที่มา
• ไฮไลต์เบ็ดเตล็ด

Chrome 103

• บันทึกเหตุการณ์การดับเบิลคลิกและคลิกขวาในแผงโปรแกรมอัดเสียง
• ช่วงเวลาและโหมดสแนปชอตใหม่ในแผง Lighthouse
• การควบคุมการซูมที่ได้รับการปรับปรุงในแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ
• ยืนยันเพื่อลบไฟล์บันทึกการแสดง
• เรียงลำดับแผงในแผงองค์ประกอบใหม่
• การเลือกสีนอกเบราว์เซอร์
• ปรับปรุงการแสดงตัวอย่างค่าในหน้าระหว่างการแก้ไขข้อบกพร่อง
• รองรับ BLOB ขนาดใหญ่สำหรับ Authenticator เสมือน
• แป้นพิมพ์ลัดใหม่ในแผงแหล่งที่มา
• การปรับปรุงการแมปแหล่งที่มา

Chrome 102

• ฟีเจอร์ตัวอย่าง: แผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพใหม่
• แป้นพิมพ์ลัดใหม่เพื่อจำลองธีมสว่างและธีมมืด
• การรักษาความปลอดภัยที่ดียิ่งขึ้นในแท็บตัวอย่างเครือข่าย
• ปรับปรุงการโหลดซ้ำที่เบรกพอยท์
• การอัปเดตคอนโซล
• ยกเลิกการบันทึกโฟลว์ผู้ใช้เมื่อเริ่มต้น
• แสดงองค์ประกอบเทียมที่มีการไฮไลต์ที่สืบทอดมาในแผงรูปแบบ
• ไฮไลต์เบ็ดเตล็ด
• [ทดลอง] คัดลอกการเปลี่ยนแปลง CSS
• [ทดลอง] การเลือกสีนอกเบราว์เซอร์

Chrome 101

• นำเข้าและส่งออกโฟลว์ผู้ใช้ที่บันทึกไว้เป็นไฟล์ JSON
• ดูเลเยอร์แบบ Cascade ในแผงรูปแบบ
• รองรับฟังก์ชันสี hwb()
• ปรับปรุงการแสดงพร็อพเพอร์ตี้ส่วนตัว
• ไฮไลต์เบ็ดเตล็ด
• [ทดลอง] ช่วงเวลาและโหมดสแนปชอตใหม่ในแผง Lighthouse

Chrome 100

• ดูและแก้ไข @supports ที่กฎในแผงรูปแบบ
• รองรับตัวเลือกทั่วไปโดยค่าเริ่มต้น
• ปรับแต่งตัวเลือกการบันทึก
• เปลี่ยนชื่อไฟล์บันทึกเสียง
• แสดงตัวอย่างพร็อพเพอร์ตี้คลาส/ฟังก์ชันเมื่อวางเมาส์เหนือ
• เฟรมที่นำเสนอบางส่วนในแผงประสิทธิภาพ
• ไฮไลต์เบ็ดเตล็ด

Chrome 99

• การควบคุมคำขอ WebSocket
• แผง Reporting API ใหม่ในแผงแอปพลิเคชัน
• การรองรับรอจนกว่าจะเห็น/คลิกองค์ประกอบได้ในแผงโปรแกรมอัดเสียง
• การจัดรูปแบบ การจัดรูปแบบ และการกรองของคอนโซลที่ดียิ่งขึ้น
• แก้ไขข้อบกพร่องของส่วนขยาย Chrome ด้วยไฟล์การแมปแหล่งที่มา
• ปรับปรุงโครงสร้างโฟลเดอร์ต้นทางในแผงแหล่งที่มา
• ดูไฟล์ต้นทางของผู้ปฏิบัติงานในแผงแหล่งที่มา
• การอัปเดตธีมมืดอัตโนมัติของ Chrome
• เครื่องมือเลือกสีและแผงที่แยกหน้าจอได้ง่าย
• ไฮไลต์เบ็ดเตล็ด

Chrome 98

• ฟีเจอร์ตัวอย่าง: แผนผังการช่วยเหลือพิเศษแบบเต็มหน้า
• การเปลี่ยนแปลงที่แม่นยำยิ่งขึ้นในแท็บการเปลี่ยนแปลง
• ตั้งค่าระยะหมดเวลาที่นานขึ้นสำหรับการบันทึกโฟลว์ของผู้ใช้
• ตรวจสอบว่าหน้าเว็บแคชได้ด้วยแท็บ Back-Forward Cache
• ตัวกรองแผงคุณสมบัติใหม่
• จำลองฟีเจอร์สื่อสีที่บังคับของ CSS
• แสดงไม้บรรทัดเมื่อคำสั่งวางเหนือ
• รองรับ row-reverse และ column-reverse ในเครื่องมือแก้ไข Flexbox
• แป้นพิมพ์ลัดใหม่เพื่อเล่น XHR ซ้ำและขยายผลการค้นหาทั้งหมด
• Lighthouse 9 ในแผง Lighthouse
• แผงแหล่งที่มาที่ปรับปรุงแล้ว
• ไฮไลต์เบ็ดเตล็ด
• [ทดลอง] ปลายทางในแผง Reporting API

Chrome 97

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

Chrome 96

• ฟีเจอร์พรีวิว: แผงภาพรวม CSS ใหม่
• ประสบการณ์การแก้ไขและคัดลอกความยาวของ CSS ที่ได้รับการปรับปรุงและปรับปรุง
• จำลองฟีเจอร์สื่อต้องการ-คอนทราสต์ของ CSS
• จำลองฟีเจอร์ธีมมืดอัตโนมัติของ Chrome
• คัดลอกการประกาศเป็น JavaScript ในแผงรูปแบบ
• แท็บเพย์โหลดใหม่ในแผงเครือข่าย
• ปรับปรุงการแสดงคุณสมบัติในแผงคุณสมบัติ
• ตัวเลือกในการซ่อนข้อผิดพลาด CORS ในคอนโซล
• แสดงตัวอย่างและประเมินออบเจ็กต์ Intl ที่ถูกต้องในคอนโซล
• สแต็กเทรซที่ไม่พร้อมกันสอดคล้องกัน
• เก็บแถบด้านข้างของคอนโซล
• แผงแคชแอปพลิเคชันที่เลิกใช้งานในแผงแอปพลิเคชัน
• [ทดสอบ] แผง Reporting API ใหม่ในแผงแอปพลิเคชัน

Chrome 95

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

Chrome 94

• ใช้เครื่องมือสำหรับนักพัฒนาเว็บในภาษาที่ต้องการ
• อุปกรณ์ Nest Hub ใหม่ในรายการอุปกรณ์
• ช่วงทดลองใช้จากต้นทางในมุมมองรายละเอียดเฟรม
• ป้ายคำค้นหาคอนเทนเนอร์ CSS ใหม่
• ช่องทําเครื่องหมายใหม่เพื่อกลับตัวกรองเครือข่าย
• การเลิกใช้งานแถบด้านข้าง Console ที่กำลังจะเกิดขึ้น
• แสดงส่วนหัวไฟล์ข้อมูล RAW Set-Cookies ในแท็บปัญหาและแผงเครือข่าย
• ตัวเข้าถึงแบบเนทีฟที่แสดงอย่างต่อเนื่องเป็นพร็อพเพอร์ตี้ของตนเองในคอนโซล
• สแต็กเทรซข้อผิดพลาดที่ถูกต้องสำหรับสคริปต์ในหน้าที่มี #sourceURL
• เปลี่ยนรูปแบบสีในแผงที่คำนวณแล้ว
• แทนที่เคล็ดลับเครื่องมือที่กำหนดเองด้วยเคล็ดลับเครื่องมือ HTML แบบดั้งเดิม
• [ทดลอง] ซ่อนปัญหาในแท็บปัญหา

Chrome 93

• คำค้นหาคอนเทนเนอร์ CSS ที่แก้ไขได้ในแผงรูปแบบ
• ตัวอย่าง Web Bundle ในแผงเครือข่าย
• การแก้ไขข้อบกพร่องของ Attribution Reporting API
• การจัดการสตริงที่ดีขึ้นในคอนโซล
• ปรับปรุงการแก้ไขข้อบกพร่อง CORS
• Lighthouse 8.1
• URL ของโน้ตใหม่ในแผงไฟล์ Manifest
• ตัวเลือกการจับคู่ CSS ที่แก้ไขแล้ว
• การตอบกลับ JSON ที่พิมพ์ออกมาสวยงามในแผงเครือข่าย

Chrome 92

• ตัวแก้ไขตารางกริด CSS
• รองรับการประกาศconstซ้ำในคอนโซล
• โปรแกรมดูลำดับแหล่งที่มา
• แป้นพิมพ์ลัดใหม่เพื่อดูรายละเอียดเฟรม
• การรองรับการแก้ไขข้อบกพร่อง CORS ที่ดียิ่งขึ้น
• เปลี่ยนชื่อป้ายกำกับ XHR เป็น Fetch/XHR
• กรองประเภททรัพยากร Wasm ในแผงเครือข่าย
• คำแนะนำไคลเอ็นต์ของ User Agent สำหรับอุปกรณ์ในแท็บเงื่อนไขเครือข่าย
• รายงานปัญหาเกี่ยวกับโหมดที่ไม่มาตรฐานในแท็บปัญหา
• รวมจุดตัดของ Compute ในแผงประสิทธิภาพ
• Lighthouse 7.5 ในแผง Lighthouse
• เมนูตามบริบท "รีสตาร์ทเฟรม" ที่เลิกใช้งานแล้วในสแต็กการเรียกใช้
• [ทดลอง] การตรวจสอบโปรโตคอล
• [ทดลอง] เครื่องอัดเสียงหุ่น

Chrome 91

• ป๊อปอัปข้อมูล Web Vitals
• เครื่องมือตรวจสอบหน่วยความจำแบบใหม่
• แสดงภาพแถบเลื่อนของ CSS
• แผงการตั้งค่าป้ายใหม่
• การแสดงตัวอย่างรูปภาพที่ปรับปรุงแล้วด้วยข้อมูลสัดส่วนภาพ
• ปุ่มเงื่อนไขเครือข่ายใหม่พร้อมตัวเลือกในการกำหนดค่า Content-Encoding
• ทางลัดเพื่อดูค่าที่คำนวณแล้ว
• คีย์เวิร์ด accent-color รายการ
• จัดหมวดหมู่ประเภทปัญหาด้วยสีและไอคอน
• ลบโทเค็นความน่าเชื่อถือ
• ฟีเจอร์ที่ถูกบล็อกในมุมมองรายละเอียดเฟรม
• กรองการทดสอบในการตั้งค่าการทดสอบ
• คอลัมน์ Vary Header ใหม่ในแผงพื้นที่เก็บข้อมูลแคช
• รองรับการตรวจสอบแบรนด์แบบส่วนตัวของ JavaScript
• การสนับสนุนระดับสูงสำหรับการแก้ไขข้อบกพร่องของเบรกพอยท์
• รองรับการแสดงตัวอย่างเมื่อวางเมาส์โดยมีรูปแบบ []
• โครงร่างของไฟล์ HTML ที่ปรับปรุงใหม่
• สแต็กเทรซข้อผิดพลาดที่เหมาะกับการแก้ไขข้อบกพร่อง Wasm

Chrome 90

• เครื่องมือแก้ไขข้อบกพร่องของ CSS Flexbox ใหม่
• การวางซ้อน Core Web Vitals ใหม่
• ย้ายจำนวนปัญหาไปยังแถบสถานะของคอนโซลแล้ว
• รายงานปัญหากิจกรรมในเว็บที่เชื่อถือได้
• จัดรูปแบบสตริงเป็นสัญพจน์ของสตริง JavaScript (ถูกต้อง) ในคอนโซล
• แผง Trust Token ใหม่ในแผงแอปพลิเคชัน
• จำลองฟีเจอร์สื่อ color-gamut ของ CSS
• เครื่องมือ Progressive Web App ที่ปรับปรุงใหม่
• คอลัมน์ Remote Address Space ใหม่ในแผงเครือข่าย
• การปรับปรุงประสิทธิภาพ
• แสดงฟีเจอร์ที่อนุญาต/ไม่อนุญาตในมุมมองรายละเอียดเฟรม
• คอลัมน์ SameParty ใหม่ในแผงคุกกี้
• เลิกใช้งานการรองรับ fn.displayName ที่ไม่เป็นไปตามมาตรฐาน
• การเลิกใช้งาน Don't show Chrome Data Saver warning ในเมนูการตั้งค่า
• [ทดลอง] การรายงานปัญหาคอนทราสต์ต่ำโดยอัตโนมัติในแท็บปัญหา
• [ทดลอง] มุมมองแบบต้นไม้ของการช่วยเหลือพิเศษแบบสมบูรณ์ในแผงองค์ประกอบ

Chrome 89

• การแก้ไขข้อบกพร่องสำหรับการละเมิดประเภท Trusted
• จับภาพหน้าจอของโหนดนอกวิวพอร์ต
• แท็บ Trust Token ใหม่สำหรับคำขอเครือข่าย
• Lighthouse 7 ในแผง Lighthouse
• การรองรับการบังคับใช้สถานะ :target ของ CSS
• แป้นพิมพ์ลัดใหม่เพื่อทำซ้ำองค์ประกอบ
• ตัวเลือกสีสำหรับคุณสมบัติ CSS ที่กำหนดเอง
• แป้นพิมพ์ลัดใหม่เพื่อคัดลอกคุณสมบัติ CSS
• ตัวเลือกใหม่ในการแสดงคุกกี้ที่ถอดรหัส URL
• ล้างเฉพาะคุกกี้ที่ปรากฏ
• ตัวเลือกใหม่ในการล้างคุกกี้ของบุคคลที่สามในแผงพื้นที่เก็บข้อมูล
• แก้ไขคำแนะนำไคลเอ็นต์ User Agent สำหรับอุปกรณ์ที่กำหนดเอง
• คงการตั้งค่า "บันทึกข้อมูลบันทึกเครือข่าย"
• ดูการเชื่อมต่อ WebTransport ในแผงเครือข่าย
• "ออนไลน์" เปลี่ยนชื่อเป็น "ไม่มีการควบคุม"
• ตัวเลือกการคัดลอกใหม่ในแผงคอนโซล แผงแหล่งที่มา และสไตล์
• ข้อมูล Service Worker ใหม่ในมุมมองรายละเอียดของเฟรม
• วัดข้อมูลหน่วยความจำในมุมมองรายละเอียดเฟรม
• แสดงความคิดเห็นจากแท็บปัญหา
• เฟรมที่ถูกตัดในแผงประสิทธิภาพ
• จำลองหน้าจอคู่และพับได้ในโหมดอุปกรณ์
• [ทดลอง] ทดสอบเบราว์เซอร์โดยอัตโนมัติด้วย Puppeteer Recorder
• [ทดลอง] เครื่องมือแก้ไขแบบอักษรในแผงรูปแบบ
• [ทดลอง] เครื่องมือแก้ไขข้อบกพร่องของ CSS Flexbox
• [ทดลอง] แท็บการละเมิด CSP แบบใหม่
• [ทดลอง] การคำนวณคอนทราสต์ของสีใหม่ - อัลกอริทึมคอนทราสต์การรับรู้ขั้นสูง (APCA)

Chrome 88

• เริ่มต้นเครื่องมือสำหรับนักพัฒนาเว็บได้รวดเร็วขึ้น
• เครื่องมือการแสดงภาพมุมภาพ CSS ใหม่
• จำลองประเภทรูปภาพที่ไม่รองรับ
• จำลองขนาดโควต้าพื้นที่เก็บข้อมูลในแผงพื้นที่เก็บข้อมูล
• ช่องทาง Web Vitals ใหม่ในแผงประสิทธิภาพ
• รายงานข้อผิดพลาด CORS ในแผงเครือข่าย
• ข้อมูลการแยกข้ามต้นทางในมุมมองรายละเอียดเฟรม
• ข้อมูล Web Workers ใหม่ในมุมมองรายละเอียดเฟรม
• แสดงรายละเอียดเฟรมที่เปิดสำหรับหน้าต่างที่เปิดอยู่
• เปิดแผงเครือข่ายจากแผง Service Workers
• คัดลอกค่าพร็อพเพอร์ตี้
• คัดลอกสแต็กเทรซสำหรับผู้เริ่มเครือข่าย
• แสดงตัวอย่างค่าตัวแปร Wasm เมื่อวางเมาส์เหนือค่า
• ประเมินตัวแปร Wasm ในคอนโซล
• หน่วยวัดที่สอดคล้องกันสำหรับไฟล์/หน่วยความจำ
• ไฮไลต์องค์ประกอบจำลองในแผงองค์ประกอบ
• [ทดลอง] เครื่องมือแก้ไขข้อบกพร่อง CSS Flexbox
• [ทดลอง] ปรับแต่งแป้นพิมพ์ลัดของคอร์ด

Chrome 87

• เครื่องมือแก้ไขข้อบกพร่องของตารางกริด CSS ใหม่
• แท็บ WebAuthn ใหม่
• ย้ายเครื่องมือไปมาระหว่างแผงด้านบนและด้านล่าง
• แผงแถบด้านข้างที่คำนวณใหม่ในแผงรูปแบบ
• การจัดกลุ่มพร็อพเพอร์ตี้ CSS ในแผงที่คำนวณแล้ว
• Lighthouse 6.3 ในแผง Lighthouse
• มี performance.mark() เหตุการณ์ในส่วนการจับเวลา
• ตัวกรอง resource-type และ url ใหม่ในแผงเครือข่าย
• การอัปเดตมุมมองรายละเอียดของเฟรม
• การเลิกใช้งาน Settings ในเมนูเครื่องมือเพิ่มเติม
• [ทดลอง] ดูและแก้ไขปัญหาคอนทราสต์ของสีในแผงภาพรวม CSS
• [ทดลอง] ปรับแต่งแป้นพิมพ์ลัดในเครื่องมือสำหรับนักพัฒนาเว็บ

Chrome 86

• แผงสื่อใหม่
• จับภาพหน้าจอของโหนดโดยใช้เมนูตามบริบทของแผงองค์ประกอบ
• การอัปเดตแท็บปัญหา
• จำลองแบบอักษรในเครื่องที่หายไป
• จําลองผู้ใช้ที่ไม่ได้ใช้งาน
• จำลอง prefers-reduced-data
• การรองรับฟีเจอร์ JavaScript ใหม่
• Lighthouse 6.2 ในแผง Lighthouse
• การเลิกใช้งานข้อมูล "ต้นทางอื่นๆ" ในแผง Service Workers
• แสดงสรุปความครอบคลุมของรายการที่กรอง
• มุมมองรายละเอียดเฟรมใหม่ในแผงแอปพลิเคชัน
• คำแนะนำสีที่เข้าถึงได้ในแผงรูปแบบ
• คืนสถานะแผงคุณสมบัติในแผงองค์ประกอบ
• ค่าส่วนหัว X-Client-Data ที่มนุษย์อ่านได้ในแผงเครือข่าย
• เติมแบบอักษรที่กำหนดเองโดยอัตโนมัติในแผงรูปแบบ
• แสดงประเภททรัพยากรที่สอดคล้องกันในแผงเครือข่าย
• ล้างปุ่มในแผงองค์ประกอบและเครือข่าย

Chrome 85

• การแก้ไขรูปแบบสำหรับเฟรมเวิร์ก CSS-in-JS
• Lighthouse 6 ในแผง Lighthouse
• การเลิกใช้งาน First Meaningful Paint (FMP)
• การรองรับฟีเจอร์ JavaScript ใหม่
• คำเตือนทางลัดของแอปใหม่ในแผงไฟล์ Manifest
• เหตุการณ์ respondWith ของ Service Worker ในแท็บระยะเวลา
• การแสดงผลที่สอดคล้องกันของแผงที่คำนวณแล้ว
• การชดเชยไบต์สําหรับไฟล์ WebAssembly
• คัดลอกและตัดข้อความแบบบรรทัดในแผงแหล่งที่มา
• การอัปเดตการตั้งค่าคอนโซล
• การอัปเดตแผงประสิทธิภาพ
• ไอคอนใหม่สำหรับเบรกพอยท์ เบรกพอยท์แบบมีเงื่อนไข และจุดตรวจสอบ

Chrome 84

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

Chrome 83

• จำลองภาวะบกพร่องทางการมองเห็น
• จำลองภาษา
• การแก้ไขข้อบกพร่องของนโยบายเครื่องมือฝังข้ามต้นทาง (COEP)
• ไอคอนใหม่สำหรับเบรกพอยท์ เบรกพอยท์แบบมีเงื่อนไข และจุดตรวจสอบ
• ดูคำขอของเครือข่ายที่ตั้งค่าคุกกี้ที่ต้องการ
• ตรึงไปทางซ้ายจากเมนูคำสั่ง
• ย้ายตัวเลือกการตั้งค่าในเมนูหลักแล้ว
• ตอนนี้แผงการตรวจสอบเปลี่ยนเป็นแผง Lighthouse แล้ว
• ลบการลบล้างในเครื่องทั้งหมดในโฟลเดอร์
• อัปเดต UI ของงานแบบยาว
• การรองรับไอคอนที่มาสก์ได้ในแผงไฟล์ Manifest

Chrome 82

ยกเลิก Chrome 82 แล้ว

Chrome 81

• การรองรับ Moto G4 ในโหมดอุปกรณ์
• ข้อมูลอัปเดตเกี่ยวกับคุกกี้
• ไอคอนไฟล์ Manifest ของเว็บแอปที่แม่นยำยิ่งขึ้น
• วางเมาส์เหนือพร็อพเพอร์ตี้ CSS content เพื่อดูค่าที่ไม่ใช้ Escape
• ข้อผิดพลาดของการแมปแหล่งที่มาในคอนโซล
• การตั้งค่าสำหรับปิดใช้การเลื่อนผ่านส่วนท้ายของไฟล์

Chrome 80

• รองรับการประกาศletและclassซ้ำในคอนโซล
• การแก้ไขข้อบกพร่อง WebAssembly ที่ปรับปรุงใหม่
• ขอเชนผู้เริ่มต้นในแท็บผู้เริ่มต้น
• ไฮไลต์คำขอเครือข่ายที่เลือกในภาพรวม
• คอลัมน์ URL และเส้นทางในแผงเครือข่าย
• สตริง User Agent ที่อัปเดต
• UI การกำหนดค่าแผงการตรวจสอบใหม่
• โหมดการครอบคลุมของโค้ดต่อฟังก์ชันหรือต่อการบล็อก
• ตอนนี้ความครอบคลุมของโค้ดต้องเริ่มต้นจากการโหลดหน้าเว็บซ้ำ

Chrome 79

• แก้ปัญหาสาเหตุที่คุกกี้ถูกบล็อก
• ดูค่าคุกกี้
• จำลองค่ากำหนด Preferreds-color-scheme และ Preferreds-reduced-Motion
• ข้อมูลอัปเดตเกี่ยวกับความครอบคลุมของโค้ด
• แก้ไขข้อบกพร่องสาเหตุที่มีการขอทรัพยากรเครือข่าย
• แผงคอนโซลและแหล่งที่มาจะเป็นไปตามค่ากำหนดการเยื้องอีกครั้ง
• แป้นพิมพ์ลัดใหม่สำหรับไปยังส่วนต่างๆ ของเคอร์เซอร์

Chrome 78

• การสนับสนุนหลายลูกค้าในแผงการตรวจสอบ
• การแก้ไขข้อบกพร่องของเครื่องจัดการการชำระเงิน
• Lighthouse 5.2 ในแผงการตรวจสอบ
• การแสดงผลเนื้อหาขนาดใหญ่ที่สุดในแผงประสิทธิภาพ
• ปัญหาเกี่ยวกับ File DevTools จากเมนูหลัก

Chrome 77

• คัดลอกรูปแบบองค์ประกอบ
• แสดงภาพการเปลี่ยนเลย์เอาต์
• Lighthouse 5.1 ในแผงการตรวจสอบ
• การซิงค์ธีมระบบปฏิบัติการ
• แป้นพิมพ์ลัดสำหรับเปิดเครื่องมือแก้ไขเบรกพอยท์
• ดึงข้อมูลแคชล่วงหน้าในแผงเครือข่าย
• พร็อพเพอร์ตี้ส่วนตัวเมื่อดูออบเจ็กต์
• การแจ้งเตือนและข้อความ Push ในแผงแอปพลิเคชัน

Chrome 76

• เติมข้อความอัตโนมัติด้วยค่า CSS
• UI ใหม่สำหรับการตั้งค่าเครือข่าย
• ข้อความ WebSocket ในการส่งออก HAR
• ปุ่มนำเข้าและส่งออก HAR
• การใช้งานหน่วยความจำแบบเรียลไทม์
• หมายเลขพอร์ตการลงทะเบียนของ Service Worker
• ตรวจสอบเหตุการณ์การดึงข้อมูลในเบื้องหลังและการซิงค์ในเบื้องหลัง
• Puppeteer สำหรับ Firefox

Chrome 75

• ค่าที่กำหนดล่วงหน้าที่มีความหมายเมื่อเติมฟังก์ชัน CSS อัตโนมัติ
• ล้างข้อมูลเว็บไซต์จากเมนูคำสั่ง
• ดูฐานข้อมูล IndexedDB ทั้งหมด
• ดูขนาดที่ไม่ได้บีบอัดของทรัพยากรเมื่อวางเมาส์เหนือ
• เบรกพอยท์ในบรรทัดในแผงเบรกพอยท์
• จำนวนทรัพยากร IndexedDB และ Cache
• การตั้งค่าสำหรับการปิดใช้เคล็ดลับเครื่องมือการตรวจสอบโดยละเอียด
• การตั้งค่าสําหรับสลับการเยื้องแท็บในเครื่องมือแก้ไข

Chrome 74

• ไฮไลต์โหนดทั้งหมดที่ได้รับผลกระทบจากพร็อพเพอร์ตี้ CSS
• Lighthouse v4 ในแผงการตรวจสอบ
• ผู้ดูข้อความไบนารีของ WebSocket
• จับภาพหน้าจอของพื้นที่ในเมนูคำสั่ง
• ตัวกรองของ Service Worker ในแผงเครือข่าย
• การอัปเดตแผงประสิทธิภาพ
• งานที่ใช้เวลานานในการบันทึกแผงประสิทธิภาพ
• การแสดงผลครั้งแรกในส่วนระยะเวลา
• เคล็ดลับพิเศษ: ทางลัดสำหรับการดูรหัสสี RGB และ HSL (วิดีโอ)

Chrome 73

• จุดตรวจสอบ
• เคล็ดลับเครื่องมือโดยละเอียดในโหมดตรวจสอบ
• ส่งออกข้อมูลการครอบคลุมของโค้ด
• ไปยังส่วนต่างๆ ในคอนโซลด้วยแป้นพิมพ์
• เส้นอัตราส่วนคอนทราสต์ AAA ในตัวเลือกสี
• บันทึกการลบล้างตำแหน่งทางภูมิศาสตร์ที่กำหนดเอง
• การพับโค้ด
• เปลี่ยนชื่อแท็บเฟรมเป็นแท็บข้อความแล้ว
• เคล็ดลับพิเศษ: การกรองแผงเครือข่ายตามพร็อพเพอร์ตี้ (วิดีโอ)

Chrome 72

• แสดงภาพเมตริกประสิทธิภาพในแผงประสิทธิภาพ
• ไฮไลต์โหนดข้อความในแผนผัง DOM
• คัดลอกเส้นทาง JS ไปยังโหนด DOM
• การอัปเดตแผงการตรวจสอบ รวมถึงการตรวจสอบใหม่ที่ตรวจหาไลบรารี JS และคีย์เวิร์ดใหม่สำหรับเข้าถึงแผงการตรวจสอบจากเมนูคำสั่ง
• เคล็ดลับพิเศษ: ใช้โหมดอุปกรณ์เพื่อตรวจสอบการค้นหาสื่อ (วิดีโอ)

Chrome 71

• วางเมาส์เหนือผลลัพธ์ที่เป็นนิพจน์แบบเรียลไทม์เพื่อไฮไลต์โหนด DOM
• จัดเก็บโหนด DOM เป็นตัวแปรร่วม
• ข้อมูลตัวเริ่มและลำดับความสำคัญอยู่ในการนำเข้าและส่งออก HAR แล้ว
• เข้าถึงเมนูคำสั่งจากเมนูหลัก
• เบรกพอยท์ของการแสดงภาพซ้อนภาพ
• เคล็ดลับพิเศษ: ใช้ monitorEvents() เพื่อบันทึกเหตุการณ์ที่โหนดเริ่มทำงานในคอนโซล (วิดีโอ)

Chrome 70

• นิพจน์แบบเรียลไทม์ในคอนโซล
• ไฮไลต์โหนด DOM ระหว่าง Eager Evaluation
• การเพิ่มประสิทธิภาพแผงประสิทธิภาพ
• การแก้ไขข้อบกพร่องที่เชื่อถือได้มากขึ้น
• เปิดใช้การควบคุมเครือข่ายจากเมนูคำสั่ง
• เติมเบรกพอยท์แบบมีเงื่อนไขอัตโนมัติ
• เบรกเหตุการณ์ของ AudioContext
• แก้ไขข้อบกพร่องแอป Node.js ด้วย ndb
• เคล็ดลับพิเศษ: วัดการโต้ตอบของผู้ใช้ในชีวิตจริงด้วย User Timing API

Chrome 68

• การประเมินอย่างตั้งใจ
• คําแนะนําเกี่ยวกับอาร์กิวเมนต์
• การเติมฟังก์ชันอัตโนมัติ
• คีย์เวิร์ด ES2017
• Lighthouse 3.0 ในแผงการตรวจสอบ
• ทีมสนับสนุนของ BigInt
• การเพิ่มเส้นทางพร็อพเพอร์ตี้ไปยังแผง "ดู"
• ย้าย"แสดงการประทับเวลา" ไปยังการตั้งค่าแล้ว
• เคล็ดลับพิเศษ: วิธีการในคอนโซลที่ไม่ค่อยมีคนรู้จัก (วิดีโอ)

Chrome 67

• ค้นหาในส่วนหัวของเครือข่ายทั้งหมด
• ตัวอย่างค่าตัวแปร CSS
• คัดลอกเป็นการดึงข้อมูล
• การตรวจสอบใหม่ ตัวเลือกการกำหนดค่าเดสก์ท็อป และการติดตามการดู
• หยุดการวนซ้ำแบบไม่สิ้นสุด
• ระยะเวลาของผู้ใช้ในแท็บประสิทธิภาพ
• อินสแตนซ์ VM ของ JavaScript แสดงอยู่ในแผงหน่วยความจำ
• แท็บเครือข่ายเปลี่ยนชื่อเป็นแท็บหน้าเว็บ
• การอัปเดตธีมมืด
• ข้อมูลความโปร่งใสของใบรับรองในแผงความปลอดภัย
• ฟีเจอร์การแยกเว็บไซต์ในแผงประสิทธิภาพ
• เคล็ดลับพิเศษ: แผงเลเยอร์ + เครื่องมือตรวจสอบภาพเคลื่อนไหว (วิดีโอ)

Chrome 66

• การทำ Blackbox ในแผงเครือข่าย
• ปรับการซูมอัตโนมัติในโหมดอุปกรณ์
• การพิมพ์ที่สวยงามในแท็บ "ตัวอย่าง" และ "การตอบกลับ"
• การแสดงตัวอย่างเนื้อหา HTML ในแท็บแสดงตัวอย่าง
• การรองรับการลบล้างในเครื่องสำหรับรูปแบบภายใน HTML
• เคล็ดลับพิเศษ: สคริปต์เฟรมเวิร์ก Blackbox เพื่อให้เบรกพอยท์ของ Event Listener มีประโยชน์มากขึ้น

Chrome 65

• การลบล้างในเครื่อง
• เครื่องมือช่วยเหลือพิเศษใหม่
• แท็บการเปลี่ยนแปลง
• การตรวจสอบประสิทธิภาพและ SEO ใหม่
• การบันทึกหลายรายการในแผงประสิทธิภาพ
• การใช้โค้ดที่เชื่อถือได้กับผู้ปฏิบัติงานในโค้ดที่ไม่พร้อมกัน
• เคล็ดลับพิเศษ: ทำให้การดำเนินการกับเครื่องมือสำหรับนักพัฒนาเว็บทำงานโดยอัตโนมัติด้วย Puppeteer (วิดีโอ)

Chrome 64

• การตรวจสอบประสิทธิภาพ
• แถบด้านข้างของคอนโซล
• จัดกลุ่มข้อความคอนโซลที่คล้ายกัน
• เคล็ดลับพิเศษ: สลับคลาส Pseudo แบบโฮเวอร์ (วิดีโอ)

Chrome 63

• การสนับสนุนการแก้ไขข้อบกพร่องจากระยะไกลแบบหลายไคลเอ็นต์
• พื้นที่ทำงาน 2.0
• การตรวจสอบใหม่ 4 รายการ
• จำลองข้อความ Push ด้วยข้อมูลที่กำหนดเอง
• ทริกเกอร์เหตุการณ์การซิงค์ในเบื้องหลังด้วยแท็กที่กำหนดเอง
• เคล็ดลับพิเศษ: เบรกพอยท์ของ Listener เหตุการณ์ (วิดีโอ)

Chrome 62

• ระดับบนสุดรอคุณอยู่ใน Console
• เวิร์กโฟลว์ภาพหน้าจอใหม่
• การไฮไลต์ตารางกริด CSS
• คอนโซล API ใหม่สำหรับการค้นหาออบเจ็กต์
• ตัวกรองคอนโซลแบบใหม่
• การนำเข้า HAR ในแผงเครือข่าย
• แหล่งข้อมูลแคชที่ดูตัวอย่างได้
• การแก้ไขข้อบกพร่องของแคชที่คาดการณ์ได้มากขึ้น
• การครอบคลุมของโค้ดระดับการบล็อก

Chrome 61

• การจำลองการควบคุมอุปกรณ์เคลื่อนที่
• ดูการใช้พื้นที่เก็บข้อมูล
• ดูเวลาที่โปรแกรมทำงานของบริการแคชการตอบกลับ
• เปิดใช้ตัววัด FPS จากเมนูคำสั่ง
• ตั้งค่าการทำงานของลูกกลิ้งเมาส์เพื่อซูมหรือเลื่อน
• การแก้ไขข้อบกพร่องสําหรับโมดูล ES6

Chrome 60

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

Chrome 59

• การครอบคลุมของโค้ด CSS และ JS
• ภาพหน้าจอแบบเต็มหน้า
• บล็อกคำขอ
• ขั้นตอนก่อนการซิงค์รอ
• เมนูคำสั่งแบบรวม