ไดเจสต์ 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 และทีมเครื่องมือสำหรับนักพัฒนาเว็บ