เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome เน้นสีอะไร

ใน Chrome เวอร์ชันที่ผ่านมาเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์อนุญาตให้คุณตรวจสอบองค์ประกอบของหน้าและจะเน้นเป็นสีฟ้า องค์ประกอบไฮไลต์ Chrome รุ่นล่าสุดเป็นสีน้ำเงิน แต่ก็มีพื้นที่สีเขียวและสีส้มเช่นกัน

สีหมายถึงอะไร

สีแทนพื้นที่ขององค์ประกอบที่สอดคล้องกับCSS กล่องรุ่น

• สีน้ำเงินคือเนื้อหา
• สีเขียวคือช่องว่างภายใน
• สีส้มเป็นเส้นขอบ
• สีแดงคือส่วนต่าง

(การเลือกเฉดสีส้มและแดงที่คล้ายกันอาจไม่ดีที่สุด)

คุณสามารถเห็นสิ่งนี้ได้ในส่วนการวัดของเครื่องมือสำหรับนักพัฒนา (ซึ่งถูกซ่อนไว้โดยค่าเริ่มต้น):

พารามิเตอร์โมเดลโมเดล CSS (เนื้อหา / การขยาย / ชายแดน / ระยะขอบ)

เอกสารอย่างเป็นทางการ: ตรวจสอบและแก้ไขหน้าและสไตล์: ตรวจสอบและแก้ไขพารามิเตอร์โมเดลของกล่อง