ดูวิธีที่เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ช่วยให้คุณพิมพ์น้อยลงด้วยฟีเจอร์เติมข้อความอัตโนมัติที่ฉลาดขึ้นของคอนโซล วิธีแก้ไขกฎ @keyframe ในแผงสไตล์โดยตรง วิธีสนุกกับตัวแปรที่กำหนดเองของ CSS และวิธีเข้าร่วมฝั่งมืด
ฟีเจอร์เติมข้อความอัตโนมัติที่ชาญฉลาดยิ่งขึ้นในคอนโซล
หากคุณเป็นเหมือนเราและคนอื่นๆ หลายคน คุณคงเคยพิมพ์คำสั่งลงในคอนโซลเพื่อแก้ไขข้อบกพร่องของแอป แต่พบว่าไม่ทำงาน ซ้ำแล้วซ้ำเล่า เพื่อเป็นการช่วยเหลือในเรื่องดังกล่าว ตอนนี้เราจึงเติมข้อความที่คุณพิมพ์ไว้ก่อนหน้านี้ให้สมบูรณ์โดยอัตโนมัติ ดังนี้
แก้ไขกฎ @keyframes ในแผงสไตล์โดยตรง
เมื่อเราเปิดตัวเครื่องมือตรวจสอบภาพเคลื่อนไหวและเครื่องมือแก้ไขการเปลี่ยนค่าใน DevTools เครื่องมือเหล่านี้จำกัดไว้ที่การเปลี่ยนรูปแบบเท่านั้น เนื่องจากเราไม่เคยแสดงภาพเคลื่อนไหว CSS ที่ใช้ @keyframe ในแผงสไตล์ เรายินดีที่จะแจ้งให้ทราบว่าปัญหาดังกล่าวได้จบไปแล้ว คุณจึงสามารถอัปโหลดวิดีโอได้ตามปกติ ดูตัวอย่างได้ที่วิดีโอทวีต
รองรับพร็อพเพอร์ตี้ CSS ที่กำหนดเอง
CSS มีอะไรดีๆ มากมายรออยู่ ซึ่งหนึ่งในนั้นก็คือตัวแปรที่กำหนดเองที่จะเปิดตัวใน Chrome 49 เราได้รวมการรองรับอย่างเต็มรูปแบบไว้ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์แล้ว ดังนั้นหากคุณเคยใช้ตัวแปรใน Sass มาก่อน ลองใช้ตัวแปรแบบเนทีฟดู เพราะจะช่วยให้คุณแก้ไขพร็อพเพอร์ตี้ได้ทันทีในแผงสไตล์และอัปเดตองค์ประกอบที่เกี่ยวข้องได้ทันที
ธีมมืดสำหรับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
ในที่สุดเราก็ยอมทำตามคำขอที่เราได้รับมาหลายสิบครั้งในช่วง 2-3 ปีที่ผ่านมา ตอนนี้คุณเลือกโหมดมืดในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ได้แล้ว ไปที่การตั้งค่าเครื่องมือสำหรับนักพัฒนาเว็บ ตั้งค่าธีมเป็น "มืด" แล้วเพลิดเพลิน เราขอบอกว่าฟีเจอร์นี้ยังอยู่ในรุ่นเบต้าเนื่องจากมีข้อมูลจำนวนมากที่สร้างขึ้นโดยอัตโนมัติ ดังนั้นหากพบส่วนใดที่ควรปรับปรุง โปรดแจ้งให้เราทราบ
รายการอื่นๆ ที่น่าสนใจ
- ตอนนี้ลิ้นชักคอนโซลจะยุบโดยอัตโนมัติเมื่อคุณคลิกแท็บคอนโซลแบบเต็ม
- โครงสร้างไฟล์ใน "แหล่งที่มา" ได้รับการปรับปรุงใหม่ด้วยไอคอนและฟังก์ชันการจัดกลุ่มใหม่
และเช่นเคย โปรดแจ้งให้เราทราบว่าคุณคิดอย่างไรผ่านทาง Twitter หรือแสดงความคิดเห็นด้านล่าง และส่งข้อบกพร่องไปยัง crbug.com/new
แล้วพบกันใหม่เดือนหน้า
Paul Bakaus และทีม DevTools