UI照妖镜: เครื่องมือที่มีกำลังในการออกแบบ UI และนักพัฒนา Front-end อย่างมืออาชีพ
UI照妖镜 เป็นเครื่องมือและแอดออนของ Chrome ที่เป็นประโยชน์สำหรับนักออกแบบ UI และนักพัฒนาฝั่งหน้า เครื่องมือนี้ช่วยให้นักออกแบบ UI สามารถทำการตรวจสอบ UI ทางภาพได้อย่างง่ายดาย และสามารถสลับมุมมองไปยัง H5 เพื่อดูตัวอย่างหน้าเว็บได้โดยไม่ต้องเปิด Chrome DevTools อีกต่อไป นอกจากนี้ยังช่วยให้นักพัฒนาฝั่งหน้าสามารถจับคู่กับแบบร่างการออกแบบอย่างใกล้ชิดและระบุความแตกต่างในช่วงการสร้างหน้าเว็บได้อย่างรวดเร็ว ลดค่าใช้จ่ายในการสื่อสารกับนักออกแบบ
ทางเลือกที่แนะนำมากที่สุด
เครื่องมือนี้มีคุณสมบัติที่มีประโยชน์หลายอย่าง ผู้ใช้สามารถดู นำเข้า และลบแบบร่างการออกแบบได้ แบบร่างจะถูกแสดงบนหน้าเว็บและสามารถเคลื่อนย้าย ซ่อนหรือแสดง และปรับความโปร่งใสได้ แบบร่างการออกแบบที่นำเข้าจะถูกเก็บไว้ในแคชในเบราว์เซอร์เพื่อให้สามารถเข้าถึงได้ง่าย
UI照妖镜 ยังมีแป้นพิมพ์ลัดที่สะดวกสำหรับการนำทางอย่างมีประสิทธิภาพ ปุ่ม "wsad" พิมพ์เล็กช่วยให้ผู้ใช้สามารถเคลื่อนย้ายแบบร่างการออกแบบได้ 1 พิกเซลในทิศทางต่างๆ ในขณะที่ปุ่ม "WSAD" พิมพ์ใหญ่จะเคลื่อนย้ายแบบร่างการออกแบบได้ 10 พิกเซล ปุ่มตัวเลข 0-9 สามารถใช้ปรับความโปร่งใสได้โดยกดครั้งที่สอง (กด "00" เพื่อตั้งค่าความโปร่งใสเป็น 100%) ปุ่ม "H" พิมพ์ใหญ่เปิด-ปิดการมองเห็นของแบบร่างการออกแบบ และปุ่ม "Z" พิมพ์ใหญ่สลับระหว่างมุมมอง PC และ H5
โปรดทราบว่าเครื่องมือนี้ตรวจสอบสภาพแวดล้อมเครือข่ายโดยอัตโนมัติและสามารถใช้งานได้เมื่อไอคอนของมันเป็น Active เครื่องมือนี้รองรับเฉพาะการอัปโหลดไฟล์ภาพเท่านั้น โดยมีขนาดไฟล์สูงสุด 2MB ต่อไฟล์และจำกัดการอัปโหลดไว้ที่ 3 รายการ
