ไดเจสต์ DevTools - เพิ่มประสิทธิภาพด้วยเมนูคำสั่งใหม่

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

Cmd/Ctrl+Shift+P เพื่อเปิดเมนูคำสั่ง

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

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

กด Cmd + Shift + P (หรือ Ctrl + Shift + P) ที่ใดก็ได้ (แม้หน้าเว็บจะอยู่ในโฟกัส) เพื่อเปิดเมนูคำสั่ง จากนั้นพิมพ์เพื่อกรอง แล้วกด Enter เพื่อเรียกใช้การดำเนินการ ตัวอย่างการดำเนินการที่คุณลองทำได้มีดังนี้

  • ลักษณะที่ปรากฏ: เปลี่ยนเป็นธีมมืด
  • เครื่องมือสำหรับนักพัฒนาเว็บ: เก็บไว้ที่ด้านล่าง
  • อุปกรณ์เคลื่อนที่: ตรวจสอบอุปกรณ์...
  • เครือข่าย: ใช้งานแบบออฟไลน์

เมนูคำสั่งใหม่เป็นวิธีที่รวดเร็วในการไปยังส่วนต่างๆ และค้นพบการตั้งค่าและการดําเนินการใหม่ๆ ในเครื่องมือสําหรับนักพัฒนาเว็บ

หากต้องการใช้กล่องโต้ตอบ "ไปที่สมาชิก" แบบเก่าที่เคยเชื่อมโยงกับแป้นพิมพ์ลัดดังกล่าว ฟีเจอร์ดังกล่าวยังคงอยู่ เพียงกด Cmd + Shift + O (หรือ Ctrl + Shift + O) ต่อไปนี้

แสดงผล HTML ให้เป็นรูปแบบที่อ่านง่าย

HTML ที่ดูดี

เราได้เพิ่มการแสดงผลแบบหน้าเว็บสำหรับแหล่งที่มาของ JS และ CSS ไว้ในแผงแหล่งที่มาแล้ว แต่เพิ่งขยายการให้บริการเพื่อรองรับการแสดงผลแบบหน้าเว็บของ HTML อย่างเต็มรูปแบบ ลองใช้ดู เครื่องมือนี้ไม่เพียงจัดรูปแบบ HTML ใหม่เท่านั้น แต่ยังจัดรูปแบบ JavaScript และ CSS ภายในด้วย


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

แล้วพบกันใหม่เดือนหน้า Paul Bakaus และทีมเครื่องมือสำหรับนักพัฒนาเว็บ