ดีบัก CSS สำหรับ Chrome จาก Pranay Joshi
ดีบัก CSS เป็นส่วนขยายขนาดเล็กสำหรับ Google Chrome ที่ให้คุณเห็นโครงร่างขององค์ประกอบทั้งหมดบนหน้า นี่เป็นเครื่องมือที่เป็นประโยชน์สำหรับนักพัฒนา นักออกแบบ และผู้ผลิตเกมเพื่อช่วยดีบั๊กเว็บไซต์และแอปพลิเคชัน
ด้วยส่วนขยายนี้ คุณสามารถดูสไตล์ขององค์ประกอบทั้งหมดบนหน้าได้อย่างง่ายดาย เพียงคลิกที่ไอคอนเพื่อเปิดหรือปิด
เมื่อคุณติดตั้งแล้ว คุณสามารถใช้ได้โดยกดปุ่ม Ctrl แล้ววางเมาส์เหนือองค์ประกอบ คุณจะเห็นชื่อและค่าขององค์ประกอบ
ชื่อและค่าขององค์ประกอบจะแสดงเป็นสีอื่น
นี่เป็นเครื่องมือที่มีประโยชน์มากสำหรับนักพัฒนาและนักออกแบบในการช่วยแก้ปัญหา แอปพลิเคชันและเว็บไซต์
วิธีใช้งาน
หลังการติดตั้ง คุณจะต้องเพิ่มโค้ดต่อไปนี้ในไฟล์ CSS:
`
* {
โครงร่าง: 1px ทึบสีแดง;
}`
คุณจะต้องตรวจสอบให้แน่ใจว่าคุณมี Chrome เวอร์ชันล่าสุด
