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