Pixel Inspector - ส่วนเสริมของ Chrome สำหรับการตรวจสอบองค์ประกอบ
Pixel Inspector เป็นเครื่องมือที่มีประโยชน์สำหรับนักพัฒนาและนักออกแบบในการตรวจสอบองค์ประกอบของหน้าเว็บ ด้วยส่วนเสริมนี้ผู้ใช้สามารถวัดระยะห่างขององค์ประกอบและดูข้อมูลสไตล์บางส่วนได้
คุณสมบัติหลักของ Pixel Inspector ประกอบด้วย:
- การแสดงข้อมูล: เมื่อเปิดใช้งานส่วนเสริม ผู้ใช้สามารถเลื่อนเมาส์เหนือองค์ประกอบเพื่อดูข้อมูลสไตล์บางส่วนได้
- การเลือกองค์ประกอบ: มีสองโหมดในการเลือกองค์ประกอบ - โหมดแป้นพิมพ์และโหมดคลิกเมาส์ ผู้ใช้สามารถสลับระหว่างสองโหมดโดยใช้ปุ่มลัด 'ctrl + m' หรือ 'command + m' ในโหมดแป้นพิมพ์ ผู้ใช้สามารถเลือกองค์ประกอบโดยเลื่อนเมาส์เหนือองค์ประกอบและกด 'ctrl' หรือ 'command' ในโหมดคลิกเมาส์ ผู้ใช้สามารถคลิกเพื่อเลือกองค์ประกอบได้
- การยกเลิกการเลือกองค์ประกอบ: ในโหมดแป้นพิมพ์ มีวิธีการยกเลิกการเลือกองค์ประกอบสามวิธี - กด 'ctrl' หรือ 'command' สองครั้ง, กด 'ctrl' หรือ 'command' ครั้งเดียวบนองค์ประกอบที่เลือก หรือกด 'esc' ในโหมดคลิกเมาส์ ผู้ใช้สามารถยกเลิกการเลือกองค์ประกอบได้โดยคลิกอีกครั้งหรือกด 'esc'
- การวัดระยะห่างขององค์ประกอบ: เมื่อเลือกองค์ประกอบ ผู้ใช้สามารถเลื่อนเมาส์ไปยังองค์ประกอบอื่นเพื่อแสดงระยะห่างระหว่างองค์ประกอบ
- การแสดงระยะทาง: ระหว่างกระบวนการวัดระยะห่าง ผู้ใช้สามารถเลือกที่จะแสดงเฉพาะระยะทางในแนวแกน x หรือแนวแกน y เพื่อให้การดูง่ายขึ้น การกด 'x' จะแสดงเฉพาะระยะทางในแนวแกน x เท่านั้น การกด 'y' จะแสดงเฉพาะระยะทางในแนวแกน y เท่านั้น และการกดปุ่มอีกครั้งจะแสดงทั้งทั้งระยะทางทั้งสองแนว
- การคัดลอกโค้ด CSS: ผู้ใช้สามารถคัดลอกโค้ด CSS ได้ง่ายๆ โดยกด 'ctrl + c' หรือ 'command + c'
Pixel Inspector เป็นส่วนเสริม Chrome ฟรีที่พัฒนาโดย lichengtao9508 มันอยู่ในหมวดหมู่ของเบราว์เซอร์และหมวดหมู่ย่อยของส่วนเสริมและเครื่องมือ ด้วยคุณสมบัติที่สะดวกสบาย มันให้นักพัฒนาและนักออกแบบเครื่องมือมีคุณค่าในการตรวจสอบองค์ประกอบของหน้าเว็บ
