กำหนดค่าเครื่องมือนักพัฒนาซอฟต์แวร์ Chrome ด้วยผู้แต่ง DevTools

หากคุณเป็นผู้พัฒนาส่วนหน้าคุณควรทราบเกี่ยวกับแผง DevTools ของ Google Chrome แล้ว สิ่งนี้มาพร้อมกับเครื่องมือเสนอ Chrome ทุกรุ่นสำหรับการแก้ไข HTML / CSS ดิบพร้อมกับคอนโซล JS และความสามารถในการจัดการ DOM แบบเรียลไทม์.

ปลั๊กอิน Chrome ฟรีใหม่ที่ชื่อว่า DevTools Author ให้คุณปรับแต่งแผง DevTools ด้วยโครงร่างสีไวยากรณ์เพิ่มเติมแบบอักษรพิเศษและขนาดแบบอักษรที่กำหนดเอง.

การตั้งค่าค่อนข้างตรงไปตรงมา คุณเพิ่งติดตั้งส่วนขยายจาก Chrome Webstore แล้วไปที่ลิงก์นี้ในเบราว์เซอร์ของคุณ: chrome: // ธง / # enable-devtools-ทดลอง

คุณจะพบว่าตัวเองอยู่ในแผง Chrome Flags ซึ่งคุณควรเปิดใช้งานการทดสอบ DevTools เมื่อเปิดใช้งานแล้วคุณควรเริ่ม Chrome ใหม่เปิดแผงการตั้งค่า DevTools และค้นหาแท็บ "การทดลอง".

จากนั้นคุณเพียงตรวจสอบ "อนุญาตธีม UI ที่กำหนดเอง" และคุณก็พร้อมแล้ว!

คุณสามารถเลือกรูปแบบสีไวยากรณ์ได้มากกว่า 25 แบบซึ่งทำให้การแก้ไขของ Chrome ง่ายขึ้นมาก และคุณสามารถเปลี่ยนขนาดตัวอักษรจาก 10px-22px หรือแม้แต่อัปเดตฟอนต์คอนโซลเป็นฟอนต์ที่ติดตั้งไว้ล่วงหน้าบนระบบปฏิบัติการของคุณ.

ปลั๊กอินนี้ไม่ได้เพิ่มคุณสมบัติหลักใด ๆ ลงใน DevTools แต่ให้คุณเปลี่ยนสไตล์และลักษณะของหน้าต่าง DevTools ของคุณ มันง่ายที่จะกำหนดค่าและทำให้ประสบการณ์ DevTools ของคุณรู้สึกเป็นส่วนตัวมากขึ้น.

หากคุณมีปัญหาใด ๆ ระหว่างการติดตั้งลองดูวิดีโอแนะนำที่แนะนำนี้.