อีเมลสรุปสำหรับ DevTools เดือนตุลาคม 2016

สวัสดี คุณ Kayce กลับมาอีกครั้งสำหรับ สรุปใหม่ให้คุณทราบเกี่ยวกับสิ่งใหม่ๆ ใน DevTools ตั้งแต่เดือนที่แล้ว

ฟีเจอร์ใหม่ในคอนโซล

ใน Chrome 56 ซึ่งขณะนี้อยู่ใน Canary คอนโซล DevTools ขับเคลื่อนโดย CodeMirror ซึ่งทำให้มีฟีเจอร์ใหม่ๆ มากมาย เช่น

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

การไฮไลต์วงเล็บ / วงเล็บเหลี่ยม / วงเล็บปีกกาที่ตรงกัน หากคุณมีวงเล็บ วงเล็บ หรือวงเล็บปีกกาเพิ่ม เครื่องมือสำหรับนักพัฒนาเว็บจะไฮไลต์เครื่องหมายเป็นสีแดง

วงเล็บไม่ตรงกัน

วงเล็บ วงเล็บ หรือวงเล็บปีกกาที่ตรงกันจะไฮไลต์สีเทาเมื่อเคอร์เซอร์อยู่ถัดจากรายการใดรายการหนึ่ง

วงเล็บที่ตรงกัน

Smart Return เมื่อคุณพิมพ์โค้ดบล็อกหลายบรรทัด DevTools จะรู้แล้วว่าจะสร้างบรรทัดใหม่หรือเรียกใช้โค้ดทุกครั้งที่กด Enter ตัวอย่างเช่น สมมติว่าคุณต้องการประเมินลูป for ต่อไปนี้ในคอนโซล

for (var i = 0; i < 5; i++) {
  console.log(i);
}

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

เคอร์เซอร์หลายตัว กด Command (Mac) หรือ Control+Alt (Windows, Linux) ค้างไว้ แล้วคลิก

เคอร์เซอร์หลายตัว

ตอนนี้ Canary ไฮไลต์บริบทที่ไม่ใช่ด้านบนเป็นสีแดงแล้ว

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

ควรแก้ไขข้อบกพร่องดังกล่าวในเวอร์ชันเสถียรได้แล้ว แต่เพื่อความปลอดภัย ขณะนี้เครื่องมือสำหรับนักพัฒนาเว็บใน Canary (Chrome 56) จะเตือนคุณว่าคุณไม่ได้อยู่ในบริบทของ top โดยไฮไลต์ตัวเลือกเป็นสีแดง

บริบทที่ไม่ใช่ด้านบนและไฮไลต์สีแดง

ตัวแทนผู้ใช้ใหม่: เบราว์เซอร์ UC

ตอนนี้คุณเลือกเบราว์เซอร์ UC สำหรับ iOS, Android หรือ Windows Phone จากแท็บลิ้นชักเงื่อนไขของเครือข่ายได้แล้ว

User Agent ของเบราว์เซอร์ UC

การแชร์คือความใส่ใจ

และเช่นเคย เราอยากทราบความคิดเห็นหรือไอเดียของคุณเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บ

  • ส่งข้อความถึงเราที่ ChromeDevTools บน Twitter หากมีคำถามสั้นๆ หรือความคิดเห็น หรือเพื่อแชร์ไอเดียใหม่ๆ
  • สำหรับการพูดคุยเรื่องยาวๆ รายชื่ออีเมลหรือ Stack Overflow เป็นตัวเลือกที่ดีที่สุด
  • สำหรับเอกสารใดก็ตามที่เกี่ยวข้องกับเอกสาร ให้เปิดปัญหาในที่เก็บเอกสารของเรา
  • คุณไปที่ทีมโดยตรงเพื่อรายงานข้อบกพร่องหรือขอฟีเจอร์ใน Crbug ได้ทุกเมื่อ

แล้วพบกันใหม่เดือนหน้า

เคย์ซ