อีเมลสรุปของ DevTools - การแก้ไของค์ประกอบอย่างมีประสิทธิภาพ การแก้ไขข้อบกพร่องของโปรแกรมทำงานของบริการ และเฉดสีดีไซน์ Material

ใช้เมนูตามบริบทใหม่ของแผง DOM เพื่อแก้ไขโหนดอย่างมีประสิทธิภาพ แก้ไขข้อบกพร่องของผู้ให้บริการโดยตรงผ่านแผงทรัพยากร เลือกจากเฉดสีทั้งหมดของ Material Design ในเครื่องมือเลือกสี ไลบรารี JS แบบแบล็กบ็อกซ์ได้ง่ายขึ้น

เมนูตามบริบทแบบใหม่ที่ได้รับการปรับปรุงของแผง DOM

เมนูตามบริบท DOM ใหม่

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

ตอนนี้คุณซ่อนหรือลบองค์ประกอบอย่างรวดเร็ว เรียกใช้สถานะบางอย่าง เช่น :active หรือ :hover หรือแก้ไข HTML ได้ง่ายขึ้นมาก และหากใช้แทร็กแพดและไม่อยากคลิกขวา ให้คลิกจุดเล็กๆ 3 จุดข้างองค์ประกอบที่เลือกแทน

แก้ไขข้อบกพร่อง Service Worker ผ่านแผงแหล่งข้อมูล

Service Worker นั้นยอดเยี่ยมเมื่อคุณตั้งค่าเสร็จแล้ว แต่อาจเข้าใจได้ยากในช่วงแรก ปัญหานี้ยิ่งแย่ลงเมื่อการแก้ไขข้อบกพร่องจำเป็นต้องออกจากเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์และเปิด chrome://serviceworker-internals/ ในหน้าต่างเบราว์เซอร์ใหม่

Service Worker ในทรัพยากร

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

สีทั้งหมด: เฉดสีของ Material Design ในเครื่องมือเลือกสี

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

หากต้องการดูเฉดสี ให้กดสีหลักสีใดสีหนึ่งค้างไว้ แล้วคลิกเฉดสีที่ต้องการแทน

บล็อกไลบรารี JavaScript ได้ง่ายขึ้นในการตั้งค่า

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

ตอนนี้เราย้ายส่วนดังกล่าวไปไว้ที่การตั้งค่าแล้ว ลองทำตามขั้นตอนต่อไปนี้

การบล็อกข้อมูล

รายการอื่นๆ ที่น่าสนใจ

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

และเช่นเคย โปรดแจ้งให้เราทราบว่าคุณคิดอย่างไรผ่านทาง Twitter หรือแสดงความคิดเห็นด้านล่าง และส่งข้อบกพร่องไปยัง crbug.com/new

แล้วพบกันใหม่เดือนหน้า
Paul Bakaus และทีม DevTools