อีเมลสรุปของ 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 ในเครื่องมือเลือกสี

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

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

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

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

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

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

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

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

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

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