15+ Firefox Add-ons For Web Developer

Firefox ถือว่าเป็น Web browser ตัวหนึ่งที่มีส่วนเพิ่มเติม (Add-ons, Plugins, Extension) ให้ได้เลือกใช้กันอย่างหลายหลาย หลายแบบ หลายประเภท ซึ่งถ้าหากนำทุกอย่างมาใช้งานรวมกันแ้ล้วจะกลายเป็น Web Browser ที่ทรงพลังเลยทีเดียว

ในบทความนี้จะรวบรวม Add-ons ที่ใช้งานอยู่บ่อยๆ เหมาะสำหรับนักพัฒนาเวป (Web Developer) ก็มีหลายตัวเช่นกันครับ

Firebug


Firebug เป็นเครื่องมือตัวหนึ่งที่ช่วยให้ผู้ใช้งานสามารถที่จะ edit, debug หรือจะดู CSS, HTML และ Java Script ของหน้าเพจนั้นก็ได้

Web Developer


เป็นอีกเครื่องมือตัวหนึ่งที่สามารถที่จะ Edit, Debug หน้าเวปเพจได้ และมี Tool ให้เลือกใช้หลายอย่างครับ

ColorZilla


เป็น EyeDropper, ColorPicker หรือที่เรียกกันคุ้นหูว่า หลอดดูสี สามารถที่จะจิ้มลงไปตรงไหนที่หน้าเวปเพจ tool ตัวนี้ก็จะทำการอ่านค่าสีตรงที่พิกัดนั้น

Fireftp


โปรแกรม FTP มีหน้าที่ในการโยนไฟล์ใส่ใน Web Server ซึ่งทำงานผ่าน Firefox ทำให้สะดวกไปอีกแบบครับ

IE tab


Web Developer หลายคนคงจะประสบปัญหากับการแสดงผลที่ไม่เหมือนกันระหว่าง Mozilla Firefox และ Internet Explorer ซึ่งเครื่องมือตัวนี้จะทำให้ Mozill Firefox สามารถจำลองตัวเองเป็น Internet Explorer ได้ เพื่อตรวจสอบความเรียบร้อยของเวปไซต์ครับ

YSlow


Yslow เป็น extension ของ Firebug อีกทีหนึ่ง สามารถที่จะตรวจจับความเร็วในการโหลดหน้าเพจได้ว่าใช้ไปกี่วินาที มีส่วนไหนบ้างที่ทำให้ทำงานช้า

FirePHP


เป็น Extension ของ Firebug อีกตัว

GreaseMonkey


เป็นเครื่องมือที่ทำให้คุณสามารถเขียน Java script ให้กับหน้าเพจนั้นเองได้ สารพัดประโยชน์พอสมควรครับ

FireCookie

เป็น extension อีกตัวหนึ่งของ Firebug ที่ทำให้สามารถจัดการกับ Cookie กับหน้าเพจนั้นได้

Cache Status

ทำให้ง่ายต่อการดูขนาดของ Cache ที่เก็บไว้ และสามารถล้างได้จาก Tool ตัวนี้เช่นเดียวกัน

Hackbar


เอาไว้ใช้ทดสอบการโจมตีเวปเพจครับ

Selenium IDE


เป็นเครื่องมือที่ทำหน้าที่เหมือน IDE สามารถที่จะทำการ edit, debug และ test ได้

Library Detector


สามารถที่จะตรวจจับ Java script ให้เรารู้ได้ว่าเวปนี้ใช้ Java script ของ Library ตัวไหน

Dafizilla ViewSourceWith


ถ้าไม่ชอบ View Source ภายใน Firefox เครื่องมือตัวนี้ก็จะทำให้คุณสามารถเปิดจากโปรแกรมอื่นๆ ได้ครับ

PixelPerfect


เป็น extension ของ Firebug อีกตัวหนึ่ง ใช้สำหรับการออกแบบเวปครับ

DOM Inspector


สามารถใช้ Plugins ตัวนี้ในการตรวจสอบ DOM หรือจะแก้ไขข้อมูลก็ได้ครับ

ball Written by:

Teerapat Khunpech Live, Tech, Beers, Bike, Cafe Racer, Docker, Devops, Eco-System