ดูข้อมูลทั้งหมดเกี่ยวกับ UI ตรวจสอบอุปกรณ์ที่ปรับปรุงใหม่ สลับคลาสได้อย่างง่ายดายในแผงสไตล์ที่แก้ไขแล้ว และดูเวอร์ชันนําร่องของ DevTools Tonight
ยินดีต้อนรับกลับสู่ฉบับล่าสุดของสรุปสำหรับผู้ใช้ Canary ทุกคน เราพบว่าเราพลาดข้อมูลอัปเดตบางอย่างในเดือนธันวาคม (ฉันยุ่งอยู่กับลูกสาวแรกเกิด) มาดูกันเลยพร้อมๆ กับฟีเจอร์ใหม่ๆ
กล่องโต้ตอบ "ตรวจสอบอุปกรณ์" ใหม่
เอกสารการแก้ไขข้อบกพร่องระยะไกล (ปัจจุบันล้าสมัยแล้ว) สำหรับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เป็นคู่มือที่ได้รับความนิยมสูงสุดของเรามาหลายปีติดต่อกัน ซึ่งหมายความว่าไม่มีใครรู้วิธีใช้
เราจึงปรับปรุง UX ตอนนี้ "ตรวจสอบอุปกรณ์" ทั้งหมดจะฝังอยู่ใน DevTools เพื่อความสะดวกในการเข้าถึงและลดการเปลี่ยนบริบท
ปุ่มเปิด/ปิดชั้นเรียนในแผงสไตล์
ตอนนี้คุณสลับคลาสในองค์ประกอบเพื่อดูตัวอย่างลักษณะที่ปรากฏขององค์ประกอบนั้นๆ ว่าจะมีหรือไม่มีสไตล์ที่เกี่ยวข้องได้อย่างรวดเร็วได้ง่ายกว่าที่เคย นอกจากนี้ เรายังได้เพิ่มอินพุตเพื่อเพิ่มชั้นเรียนใหม่อย่างรวดเร็วเพื่อให้คุณไม่ต้องแก้ไขแอตทริบิวต์ คลิกปุ่ม .cls ใหม่ในแผงสไตล์เพื่อลองใช้
DevTools Tonight
เรายินดีอย่างยิ่งที่จะได้ประกาศอีกช่องทางหนึ่งในการติดตามข่าวสารเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome นั่นคือการเปิดตัวเวอร์ชันนําร่องของ DevTools Tonight
ในรายการใหม่ที่จะเผยแพร่เป็นตอนๆ ทุก 2 สัปดาห์ เราจะเน้นไปที่ฟีเจอร์ที่สำคัญๆ ที่กำลังจะเปิดตัวใน Chrome เวอร์ชันเสถียร (แทนที่จะเป็น Canary) และจะเจาะลึกแต่ละฟีเจอร์ให้มากขึ้น อย่าลืมติดตามช่อง Chrome Developers เพื่อรับการแจ้งเตือนเมื่อมีการเปิดตัวรุ่นที่ 1 และบอกให้เราทราบความคิดเห็นของคุณในความคิดเห็นบน YouTube
รายการอื่นๆ ที่น่าสนใจ
- เราได้เพิ่มการตั้งค่าเพื่อเปิดเครื่องมือสำหรับนักพัฒนาเว็บโดยอัตโนมัติสำหรับป๊อปอัป (หน้าต่างที่สร้างขึ้นใหม่) เมื่อเปิดใช้ อินสแตนซ์ใหม่ของเครื่องมือสำหรับนักพัฒนาเว็บจะเปิดขึ้นโดยอัตโนมัติพร้อมกับหน้าต่างที่สร้างขึ้นใหม่
- ตอนนี้แถบการดำเนินการที่ด้านบนของแผงสไตล์จะอยู่ในตำแหน่งเดิม คุณจึงเข้าถึงแถบการดำเนินการได้เสมอแม้ว่าจะเลื่อนลงเพื่อแก้ไขรูปแบบเพิ่มเติม
- ตอนนี้เราจะซูมไทม์ไลน์โดยอัตโนมัติไปยังสิ่งที่เราคิดว่าเกี่ยวข้องกับเซสชันการแก้ไขข้อบกพร่องด้านประสิทธิภาพของคุณ
- ตอนนี้การจำกัดแบนด์วิดท์ของเครือข่ายรองรับการอัปโหลดด้วยนอกเหนือจากการดาวน์โหลดแล้ว คุณจึงทดสอบสิ่งต่างๆ เช่น การอัปโหลดไฟล์ในการเชื่อมต่อ 3G ได้
- เราได้ปรับปรุงเคล็ดลับเครื่องมือ "ตรวจสอบ" ที่วางซ้อนองค์ประกอบที่ตรวจสอบแล้ว ตอนนี้ไอคอนเป็นสีเข้มและมันวาว รวมถึงเพิ่มคอนทราสต์มากขึ้น
และเช่นเคย โปรดแจ้งให้เราทราบว่าคุณคิดอย่างไรผ่านทาง Twitter หรือแสดงความคิดเห็นด้านล่าง และส่งข้อบกพร่องไปยัง crbug.com/new
แล้วพบกันใหม่เดือนหน้า
Paul Bakaus และทีม DevTools