PerfectPixelซึ่งเป็นส่วนขยายของ Chrome ช่วยให้นักพัฒนาเว็บและนักออกแบบสามารถวางซ้อนภาพกึ่งโปร่งใสไว้ด้านบนสุดของเว็บไซต์ HTML ที่พัฒนาแล้วได้อย่างง่ายดาย ด้วยการเลื่อนภาพไปรอบ ๆ หน้าเว็บนักพัฒนาสามารถมองเห็นความแตกต่างในพิกเซล ส่วนขยายยังมีตัวเลือกความทึบซึ่งช่วยให้คุณดูทั้งภาพซ้อนทับและ HTML ที่พัฒนาแล้ว เมื่อคุณเลื่อนภาพไปรอบ ๆ พิกัดจะถูกอัปเดตโดยอัตโนมัติในป๊อปอัพ PerfectPixel ซึ่งสามารถคัดลอกและใช้งานได้โดยผู้พัฒนาเว็บ
เมื่อคุณติดตั้งส่วนขยายแล้วให้คลิกปุ่มในแถบเครื่องมือแล้วป๊อปอัปจะปรากฏบนหน้าเว็บของคุณ คลิก เพิ่มเลเยอร์ใหม่ และเลือกไฟล์จากระบบโลคัลของคุณ. ภาพนี้จะถูกเพิ่มเป็นเลเยอร์เหนือหน้าเว็บทันที คุณสามารถ แสดงซ่อน รูปภาพและยังเลือกภาพอื่น. ย้ายภาพไปรอบ ๆ เพื่อทดสอบในแบบอื่นตำแหน่งและพิกัดจะได้รับการอัปเดตโดยอัตโนมัติในป๊อปอัป คุณสามารถเพิ่มภาพได้มากเท่าที่คุณต้องการและเลือกภาพที่ต้องการโดยคลิกที่ภาพ เมื่อภาพอยู่ในตำแหน่งที่ถูกต้องคุณสามารถใช้พิกัดที่อัปเดตเพื่อจัดตำแหน่งภาพของคุณผ่าน CSS ผู้พัฒนาได้กล่าวถึงการสนับสนุนการซ้อนทับหลายรายการ อย่างไรก็ตามการทดสอบของเราทำให้ไม่สามารถเพิ่มหลายเลเยอร์
PerfectPixel ตัวเลือก อนุญาตให้คุณเปิดใช้งาน โหมดที่เข้ากันได้ของการจัดเก็บ, ซึ่งจะมีการแก้ไขปัญหาความเข้ากันได้กับการอัพโหลดภาพ อย่างไรก็ตามข้อ จำกัด ประการหนึ่งของการใช้โหมดความเข้ากันได้คือขนาดไฟล์นั้นถูก จำกัด ไว้ที่สูงสุด 1.5 MB คุณอาจเปิดใช้งาน แก้ไขข้อบกพร่องโหมด และ อง
อย่างไรก็ตามการทดสอบของเราแสดงให้เห็นว่าในขณะที่คุณสามารถเพิ่มหลายเลเยอร์คุณสามารถดูเลเยอร์ได้ครั้งละหนึ่งเพจเท่านั้น นี่เป็นข้อ จำกัด ที่โชคร้ายและผู้พัฒนาควรพิจารณาเปลี่ยนเพื่อให้สามารถดูเลเยอร์ได้หลายชั้นในครั้งเดียว ปุ่ม "ล็อค" จะบันทึกตำแหน่งของเลเยอร์ภาพที่คุณเพิ่มและแม้ว่าคุณจะออกจากส่วนขยาย (คลิกที่ปุ่มส่วนขยายอีกครั้งเพื่อให้แผงหายไป) มันจะจดจำตำแหน่งของภาพเหล่านั้นเมื่อคุณเปิดขึ้นมาอีกครั้ง
ส่วนต่อขยาย PerfectPixel เป็นเครื่องมือที่มีประโยชน์สำหรับนักพัฒนาเว็บและนักออกแบบและมีให้ที่ลิงก์ Chrome เว็บสโตร์ด้านล่าง
ติดตั้ง PerfectPixel สำหรับ Google Chrome
ความคิดเห็น