เนื้อหาโดยรวมของเครื่องมือสำหรับนักพัฒนาเว็บ

สแต็กการเรียกใช้แบบอะซิงโครนัส

ตอนนี้สแต็กเทรซจะเชื่อมโยงกับแหล่งที่มาแบบไม่พร้อมกันของเหตุการณ์ได้แล้ว โดยรองรับตัวจับเวลา เฟรมภาพเคลื่อนไหว XHR Listener เหตุการณ์ และอื่นๆ เราจะโพสต์บทความฉบับเต็มเกี่ยวกับสแต็กการเรียกแบบไม่พร้อมกันลงใน HTML5 Rocks ในเร็วๆ นี้ (อย่าลืมเลือก "เปิดใช้การรองรับสแต็กเทรซที่ไม่พร้อมกัน" ในการทดสอบของเครื่องมือสำหรับนักพัฒนาเว็บ) [crbug.com/272416]

สแต็กการเรียกใช้แบบไม่พร้อมกัน

getEventListeners(window)

เมื่อดู DOM ของหน้าเว็บ บางครั้งก็อาจไม่ชัดเจนว่าเอลิเมนต์ใดมีการบันทึกโปรแกรมรับฟังเหตุการณ์ JavaScript ไว้บ้าง (หากมี) ตอนนี้คุณสามารถเรียกข้อมูล EventListener ที่ลงทะเบียนทั้งหมดบนออบเจ็กต์ window (หรือโหนด DOM ใดก็ได้) ผ่าน getEventListeners ในแผงคอนโซลซึ่งเป็นส่วนหนึ่งของ Command Line API [crbug.com/336472]

แผงแหล่งที่มาจะแนะนำแนวคิดของตำแหน่งการแก้ไข ซึ่งก็คือตำแหน่งเคอร์เซอร์ในตัวแก้ไขโค้ด Alt- นำคุณไปยังตำแหน่งที่แก้ไขก่อนหน้า (โค้ดที่คุณอยู่ก่อนหน้านี้) และ Alt+ จะนำคุณไปยังตำแหน่งถัดไป [crbug.com/281507]

อัปเดตค่าที่ระบบแนะนำอัตโนมัติสำหรับเงาของกล่อง

ค่าที่ระบบแนะนำอัตโนมัติสำหรับพร็อพเพอร์ตี้ CSS box-shadow ได้รับการอัปเดตให้รวมคีย์เวิร์ดของ none แล้ว [crbug.com/332355]

Box-shadow none

ไปยังหมายเลขบรรทัดและคอลัมน์ที่ต้องการ

ไปที่หมายเลขบรรทัดในคอลัมน์ที่ต้องการโดยใช้ :line:column ในกล่องโต้ตอบ "ค้นหาตามชื่อไฟล์" (Ctrl + O หรือ Cmd + O) ของแผงแหล่งที่มา [crbug.com/337909]

ปรับขนาดได้ง่ายขึ้นด้วยแฮนเดิลแถบเครื่องมือ

ตอนนี้พื้นที่ว่างบนแถบเครื่องมือหลักของเครื่องมือสำหรับนักพัฒนาเว็บจะทำหน้าที่เป็นแฮนเดิลปรับขนาดที่ถูกต้อง [crbug.com/304730]

แถบเครือข่ายที่เหมาะสำหรับ Retina

ตอนนี้แถบเครือข่ายซึ่งเดิมสร้างขึ้นจากรูปภาพได้สร้างขึ้นใน CSS แล้ว ทำให้แถบดังกล่าวไม่ขึ้นอยู่กับความละเอียดและเหมาะสำหรับจอ Retina [crbug.com/330659]

การลดเสียงรบกวนในคอนโซล

อาร์กิวเมนต์ที่ไม่รู้จักซึ่งส่งไปยังแท็ก meta viewport จะไม่แสดงเป็นข้อผิดพลาดในคอนโซลอีกต่อไป แต่จะแสดงเป็นคําเตือนแทน ซึ่งหมายความว่าคุณจะต้องกรองข้อมูลที่ไม่เกี่ยวข้องออกน้อยลง [crbug.com/332794]

นำไอคอนการจัดรูปแบบสีออก

เราได้นําเฟืองในแผงสไตล์สําหรับสลับรูปแบบสีออกแล้ว แต่คุณยังคงเปลี่ยนค่ากําหนดนี้ได้ในการตั้งค่าเครื่องมือสําหรับนักพัฒนาเว็บ [crbug.com/333840]

แท็บคอนโซลแบบติดหนึบ

ตอนนี้แท็บคอนโซลในลิ้นชักจะจดจำสถานะได้อย่างถูกต้องหลังจากโหลดซ้ำ [crbug.com/328551]

คําอธิบายที่ปรับปรุงเกี่ยวกับการปรับขนาดข้อความอัตโนมัติ

เราได้เพิ่มลิงก์ไปยังเอกสารประกอบเกี่ยวกับการจําลองอุปกรณ์เคลื่อนที่ลงในเครื่องมือสําหรับนักพัฒนาซอฟต์แวร์เพื่อช่วยอธิบายเพิ่มเติมเกี่ยวกับการจําลองและการปรับขนาดข้อความอัตโนมัติ นอกจากนี้ เคล็ดลับเครื่องมือจะปรากฏขึ้นสําหรับช่องทําเครื่องหมายการปรับขนาดข้อความอัตโนมัติด้วย [crbug.com/319092]

เคล็ดลับเครื่องมือการปรับขนาดข้อความอัตโนมัติ

ที่อยู่ IP ระยะไกล

ตอนนี้คุณดูที่อยู่ IP ของโฮสต์ในมุมมองทรัพยากรของแผงเครือข่ายได้แล้ว [crbug.com/255602]

ที่อยู่ IP ระยะไกล

ขอขอบคุณที่อ่าน คุณสามารถลองใช้ฟีเจอร์เหล่านี้ใน Canary หรือจะใช้ฟีเจอร์หลายอย่างที่กล่าวถึงในรุ่นเดือนธันวาคมใน Chrome เวอร์ชันเสถียรก็ได้