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