วันนี้ ฉันจะแชร์รายการส่วนขยาย Chrome 12 รายการที่คัดสรรแล้วสำหรับนักออกแบบและนักพัฒนา ฉันตื่นเต้นที่นี่คือความเชี่ยวชาญของฉัน ดังนั้นมาเริ่มกันเลย
1. มหาระงับ
The Great Suspender เป็นส่วนขยายของ Google Chrome แบบโอเพ่นซอร์สฟรีที่ลดจำนวนหน่วยความจำที่ Chrome ใช้ ทำสิ่งนี้โดยการระงับแท็บที่ไม่ได้พักโดยอัตโนมัติภายใต้ประทุน สิ่งที่ทำคือดึงหน้าเว็บที่อยู่เฉยๆ ของกราฟิก JS และอื่นๆ
ส่วนขยาย Chrome Suspender ที่ยอดเยี่ยม
2. ตรวจสอบ UX
UX Check ส่วนขยายของ Chrome ช่วยให้คุณทราบปัญหาการใช้งานผ่านการประเมินพฤติกรรมที่ง่ายและรวดเร็ว
ขั้นตอนการทำงานง่ายๆ คลิกที่ไอคอนเพื่อเปิด Nielsen's Ten Heuristics ในแผงด้านข้างเช่นเดียวกับ Chrome Dev เครื่องมือ . คุณสามารถคลิกที่องค์ประกอบใด ๆ ที่ไม่ผ่านการประเมินเพื่อเพิ่มบันทึกย่อ ถ่ายภาพหน้าจอ และส่งออกเป็นไฟล์ s docx เพื่อการแชร์ที่ง่ายดาย
UX ตรวจสอบส่วนขยาย Chrome
3. ยาหยอดตา
Eye Dropper เป็นเครื่องมือเลือกสีที่ยอดเยี่ยมที่สุดเท่าที่ฉันกังวลมันมี 2 แท็บ – Eyedropper และ Cooler ตัวเลือก เครื่องมือหยดสีช่วยให้คุณเลือกสีจากหน้าเว็บใดก็ได้ ในขณะที่เครื่องมือเลือกสีช่วยให้คุณเลือกสีที่กำหนดเองได้
สีที่เลือกจากหน้าเว็บหรือเลือกจากแท็บตัวเลือกสีจะถูกบันทึกโดยอัตโนมัติในจานสีที่คุณสามารถดาวน์โหลดเป็นไฟล์ CSV นอกจากนี้ Eye Dropper ยังแสดงสีทั้งหมดในรหัส RGB, HSL, HEX และตามชื่อ และรองรับแป้นพิมพ์ลัด
Eye Dropper Chrome Extension
4. FontFace นินจา
FontFace Ninja สามารถแสดงข้อมูลบนแบบอักษรบนเว็บไซต์ใดก็ได้ มันมีลิงค์ดาวน์โหลดฟอนต์ฟรีและตัวเลือกในการแสดงราคาของฟอนต์แบบเสียเงิน
FontFace Ninja ยังมีตัวเลือกในการใช้โหมดมืด ตรวจหาแบบอักษรในภาพ (เบต้า) และแสดงตัวเลือกการคั่นหน้า
ส่วนขยาย FontFace Ninja Chrome
5. ไม้บรรทัดหน้า
Page Ruler เป็นส่วนเสริมไม้บรรทัดแบบมินิมอลที่ให้คุณวัดความกว้างและความสูงบนหน้าเว็บ มีแป้นพิมพ์ลัดหลายรายการ การนำทางผ่านองค์ประกอบแม่และลูก แนวทางการวัด และการแปลเป็นภาษาท้องถิ่นใน 10 ภาษา
ไม้บรรทัดหน้าส่วนขยาย Chrome
6. เครื่องมือดาวน์โหลดวิดีโอ Facebook
FB Down สามารถดาวน์โหลดวิดีโอจาก Facebook และเพจอื่นๆ ที่มีการเล่นวิดีโอได้อย่างง่ายดาย คุณสามารถใช้เพื่อดาวน์โหลดรูปแบบสื่อยอดนิยมทั้งหมด รวมถึงวิดีโอที่มีลิขสิทธิ์บางรายการ (เมื่อคุณเลือกดาวน์โหลดวิดีโอโดยไม่ใช้เสียง)
FB Down ทำหน้าที่เป็นตัวดักจับลิงก์บนหน้าเว็บ และไอคอนจะสว่างขึ้นเมื่อเห็นเนื้อหาที่ดาวน์โหลดได้
Facebook Video Downloader ส่วนขยาย Chrome
7. PerfectPixel
PerfectPixel โดย WellDoneCode เป็นส่วนเสริมที่ดีที่สุดสำหรับการสร้างเว็บไซต์ที่สมบูรณ์แบบด้วยพิกเซล ช่วยให้คุณตั้งค่ารูปภาพเป็นภาพซ้อนทับที่คุณสามารถเปรียบเทียบกับไซต์การพัฒนาได้ รองรับแป้นพิมพ์ลัด ภาพซ้อนทับกึ่งโปร่งแสง และอื่นๆ
ส่วนขยาย PerfectPixel Chrome
8. TinEye
TinEye เป็นเครื่องมือค้นหาภาพย้อนกลับที่สมบูรณ์แบบและเป็นรายแรกที่ใช้เทคโนโลยีการระบุภาพ แทนการใช้คำหลัก ข้อมูลเมตา หรือลายน้ำ ทำงานโดยสร้างลายเซ็นดิจิทัลที่ไม่ซ้ำกันสำหรับรูปภาพ จากนั้นเปรียบเทียบลายเซ็นกับลายเซ็นในดัชนี
TinEye ไม่เพียงแค่ส่งกลับรูปภาพที่คล้ายกันในผลการค้นหาเท่านั้น แต่การจับคู่แบบตรงทั้งหมดไม่รวมเวอร์ชันที่ครอบตัด ปรับขนาด และแก้ไข
ส่วนขยาย TinyEye Chrome
9. CSS Pepper
CSS Pepper ช่วยให้คุณสามารถแยก CSS (แม้แต่วัตถุที่ซ่อนอยู่) และสร้างสไตล์ไกด์ที่สวยงามในลักษณะที่เป็นระเบียบ สิ่งนี้ทำให้นักออกแบบและนักพัฒนาใช้เวลาทำงานออกแบบมากกว่าการค้นหาผ่านโค้ด
ส่วนขยาย CSS Pepper Chrome
10. WhatRuns
WhatRuns แจ้งให้คุณทราบทุกอย่างที่ทำงานบนเว็บไซต์รวมถึงเฟรมเวิร์ก ธีม ฟอนต์ CMS เป็นต้น
นอกจากนี้ คุณสามารถติดตามเว็บไซต์ต่าง ๆ เพื่อให้ส่วนขยายแจ้งให้คุณทราบเมื่อมีการเพิ่มเทคโนโลยีใหม่ ๆ
WhatRuns ส่วนขยาย Chrome
11. มุซลี
Muzli เป็นส่วนเสริมฟรีที่นำการออกแบบที่สวยงาม สร้างแรงบันดาลใจนับพันมาสู่เบราว์เซอร์ของคุณในรูปแบบของการแทนที่แท็บใหม่ .
ทุกครั้งที่คุณเปิดแท็บใหม่ Muzli จะเติมข้อมูลด้วยการออกแบบที่สวยงามที่สุดบางส่วนจากแหล่งข้อมูลกว่า 120 แห่ง รวมถึง InVision, Muzli, Dribble, Product Hunt, CNN, CSS Author ฯลฯ! นี่คืออัญมณีสำหรับนักออกแบบ
ส่วนขยาย Muzli Chrome
12. ขนาด
Dimensions เป็นส่วนขยายแบบโอเพ่นซอร์สฟรีที่ให้วิธีที่ชาญฉลาดในการวัดระยะห่างระหว่างองค์ประกอบของหน้า
ค้นหาขนาดของรูปภาพและองค์ประกอบ HTML โดยการลากและวางเมาส์ให้สัมพันธ์กัน คุณยังสามารถใช้แป้นพิมพ์ลัดในการทำงานได้ เพียงอย่าลืมตั้งค่าแป้นพิมพ์ลัดที่ส่วนท้ายของรายการส่วนขยายของ Chrome เพื่อสลับส่วนขยายเพื่อเพลิดเพลินกับประสบการณ์ที่ดีที่สุด
มิติส่วนขยายของ Chrome
มีส่วนขยายอื่นๆ ที่ควรทราบ เช่น Checkbot มีเป้าหมายเพื่อเพิ่มชื่อเสียง SEO ของคุณ รวมถึงความเร็วและความปลอดภัยโดยรวมของเว็บไซต์ด้วยการตรวจสอบลิงก์เสีย หน้าที่ไม่ปลอดภัย HTML/CSS/JS ที่ไม่ถูกต้อง ชื่อซ้ำ และอื่นๆ ปัญหาที่คุณอาจไม่ได้สังเกตในระหว่างการพัฒนา
และ ตรวจสอบลิงก์ของฉัน ซึ่งรวบรวมข้อมูลผ่านหน้าเว็บของคุณเพื่อให้แน่ใจว่าคุณไม่มีลิงก์เสีย – อันนี้ฟรีแต่ไม่ใช่ แข็งแกร่ง
คุณมีส่วนขยายเจ๋งๆ สำหรับนักออกแบบและนักพัฒนาที่เราควรรู้หรือไม่? เพิ่มในส่วนความคิดเห็นด้านล่าง
