หน้านี้ได้รับการแปลโดย Cloud Translation API

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

Sofia Emelianova

การปรับปรุงแผงประสิทธิภาพ

เวอร์ชันนี้มีการปรับปรุงหลายอย่างในแผงประสิทธิภาพ

ย้ายและซ่อนแทร็กด้วยโหมดการกำหนดค่าแทร็กที่อัปเดตแล้ว

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

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

ปัญหาของ Chromium: 336266699

ละเว้นสคริปต์ในแผนภูมิ Flame Chart

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

ตัวเลือกเมนูสำหรับเพิ่มสคริปต์ลงในรายการละเว้น สคริปต์ที่ทำเครื่องหมายว่าละเว้น และกฎที่เกี่ยวข้องในการตั้งค่า

แผนภูมิจะยุบสคริปต์ที่ละเว้นและทำเครื่องหมายว่าอยู่ในรายการละเว้น แล้วเพิ่มไปยังกฎการยกเว้นที่กำหนดเองในการตั้งค่า การตั้งค่า > รายการละเว้น ระบบจะบันทึกสคริปต์ที่ละเว้นไว้จนกว่าคุณจะนำออกจากการติดตามหรือออกจากกฎการยกเว้นที่กำหนดเอง

ปัญหาของ Chromium: 336266714

ควบคุม CPU ลง 20 เท่า

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

ก่อนและหลังการเพิ่มตัวเลือก '20x blockdonw' ใน 'วิบากการตั้งค่า'

ปัญหาของ Chromium: 324978881

เราจะเลิกใช้งานแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ

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

ดูข้อมูลเพิ่มเติมได้ที่เครื่องมือประสิทธิภาพในปี 2024 และปีต่อๆ ไป

หากมีความคิดเห็นเกี่ยวกับสิ่งที่ทำได้ดี สิ่งที่ไม่ได้ผล และสิ่งที่ควรปรับปรุง เราอยากฟังความคิดเห็นจากคุณ

วางสตริงส่วนหัวทั้งหมดเพื่อลบล้าง

เมื่อลบล้างส่วนหัว คุณสามารถวางสตริงส่วนหัวทั้งสตริง (HEADER_NAME: VALUE) ได้แล้ว เครื่องมือสำหรับนักพัฒนาเว็บจะแยกสตริงที่ : เป็นชื่อส่วนหัวและค่า

ดูของจริงในวิดีโอต่อไปนี้

เมื่อแก้ไขส่วนหัว แผงเครือข่ายจะเตือนคุณหากป้อนอักขระอื่นนอกเหนือจากอักขระที่เป็นตัวอักษรและตัวเลขคละกัน ขีดกลางสั้น และขีดล่าง

คำเตือนถัดจากชื่อส่วนหัวซึ่งมีอักขระที่ไม่รองรับ

นอกจากนี้ ระบบจะปิดใช้ตัวเลือกเมนูการลบล้างและปุ่มแก้ไขสำหรับ URL ของ chrome:// ซึ่งตรงกับลักษณะการทำงานที่ต้องการ

ปัญหาเกี่ยวกับ Chromium: 330967147, 337012362, 328210785

ค้นหาการใช้หน่วยความจำที่มากเกินไปด้วยตัวกรองใหม่ในฮีปสแนปชอต

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

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

ปัญหาของ Chromium: 337094903

ตรวจสอบที่เก็บข้อมูลของพื้นที่เก็บข้อมูลในแอปพลิเคชัน > พื้นที่เก็บข้อมูล

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

ก่อนและหลังการเปิดใช้โครงสร้างที่เก็บข้อมูลพื้นที่เก็บข้อมูลในส่วนพื้นที่เก็บข้อมูล

ปัญหา Chromium: 338094915

ปิดใช้คำเตือน XSS ของตนเองด้วยการแฟล็กบรรทัดคำสั่ง

หากคุณทำให้การใช้ Chrome เป็นแบบอัตโนมัติหรือเปิดเครื่องมือสำหรับนักพัฒนาเว็บจากบรรทัดคำสั่งเพื่อแก้ไขข้อบกพร่อง คุณมักจะต้องการปิดใช้คำเตือน Self-XSS ที่ปรากฏในเซสชัน DevTools ใหม่ทุกเซสชัน

กล่องโต้ตอบคำเตือน xss ในคอนโซล

ตอนนี้คุณสามารถปิดใช้กล่องโต้ตอบนี้ได้โดยส่งแฟล็กบรรทัดคำสั่ง --unsafely-disable-devtools-self-xss-warnings ไปยัง Chrome

ปัญหา Chromium: 41491762

Lighthouse 12.0.0

ตอนนี้แผง Lighthouse จะเรียกใช้ Lighthouse 12.0.0

การอัปเดตนี้ทำให้เกิดการเปลี่ยนแปลงหลายประการ เช่น การนำหมวดหมู่ PWA ออก, การจัดระเบียบหมวดหมู่ SEO ใหม่, การเลิกใช้งานการประหยัดโดยรวม, การตรวจสอบครั้งใหม่ และการเปลี่ยนแปลงการตรวจสอบ ดูรายการการเปลี่ยนแปลงทั้งหมด

โปรดดูข้อมูลพื้นฐานเกี่ยวกับการใช้งานแผง Lighthouse ในเครื่องมือสำหรับนักพัฒนาเว็บที่หัวข้อ Lighthouse: เพิ่มความเร็วเว็บไซต์

ปัญหาของ Chromium: 772558

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

การแก้ไขและการปรับปรุงที่สำคัญในรุ่นนี้

ประสิทธิภาพ:
- ตอนนี้การตั้งค่าการจับภาพที่ช้า (เปิดใช้การวัดคุมการแสดงผลขั้นสูงและเปิดใช้สถิติตัวเลือก CSS) จะถูกล้างโดยอัตโนมัติในเซสชันเครื่องมือสำหรับนักพัฒนาเว็บครั้งถัดไป
- ขณะนี้แท็บสถิติตัวเลือกจะไม่เลื่อนลงไปด้านล่างโดยอัตโนมัติเมื่อคุณซูมแผนภูมิเปลวไฟและการเปลี่ยนแปลงข้อมูล (337999939)
คอนโซล: ตอนนี้แป้นพิมพ์ลัด Ctrl+` จะปิดคอนโซลในลิ้นชักเฉพาะเมื่อปุ่มนั้นอยู่ในโฟกัส (40875466, 328210785)
การป้อนข้อความอัตโนมัติ: การแยกวิเคราะห์ที่อยู่ได้รับการแก้ไขแล้ว (335409093, 335409707)
การช่วยเหลือพิเศษ: ประกาศของโปรแกรมอ่านหน้าจอสำหรับสตริงที่แปลแล้วได้รับการแก้ไข (324930007)

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

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

ติดต่อทีมเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

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

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