ส่วนขยายของไฟร์ฟอกซ์ อาจเป็นเพราะแถบเครื่องมือสำหรับนักพัฒนาเว็บทรงพลังเกินไป ผู้ใช้จึงอาจละเลยฟังก์ชันที่มีประโยชน์มากมายโดยไม่ตั้งใจระหว่างการใช้งาน เราจะมาสรุปสั้นๆ เกี่ยวกับทักษะที่ถูกลืมเหล่านี้เพื่อเติมเต็มโลกด้วยความรัก: รูปภาพ／ดูข้อมูลรูปภาพ
ด้วยตัวเลือกนี้ คุณสามารถแสดงคุณสมบัติขององค์ประกอบรูปภาพทั้งหมดในหน้าเว็บปัจจุบันในหน้าแท็บใหม่: เส้นทาง ขนาด ขนาด ฯลฯ ซึ่งสะดวกอย่างยิ่ง
ข้อมูล／ดูข้อมูลสี
การจับคู่สีของหน้าเว็บเป็นความรู้ที่ยิ่งใหญ่ หลายๆ คนชอบใช้ Colorzilla เพื่อดูข้อมูลสีของหน้าเว็บ ส่วนขยายนี้สามารถแสดงข้อมูลสีของตำแหน่งตัวชี้ปัจจุบันในแถบสถานะ รวมถึงสีของรูปภาพด้วย เมื่อเปรียบเทียบกับแถบเครื่องมือสำหรับนักพัฒนาเว็บ ฟังก์ชันนี้ค่อนข้างอ่อนแอ แต่คุณยังสามารถเรียกสีทั้งหมดที่ CSS เรียกในหน้าเว็บปัจจุบันได้ในคลิกเดียว ซึ่งมีประโยชน์มากสำหรับการศึกษาการจับคู่สีของหน้าเว็บ
ข้อมูล/ข้อมูลองค์ประกอบการแสดงผล
ในอดีต เมื่อฉันต้องการดูแอตทริบิวต์ div ขององค์ประกอบหรือพื้นที่บางอย่างบนหน้าเว็บ ฉันจะคลิกขวาเสมอเพื่อเรียกไฟล์ต้นฉบับ จากนั้นจึงเริ่มใช้ฟังก์ชันการค้นหาเพื่อค้นหาทีละบรรทัด ด้วยฟังก์ชันนี้ คุณจะไม่ต้องกังวลอีกต่อไป เมื่อคุณต้องการดูคุณลักษณะบางอย่างในหน้าเว็บ เช่น คลาส/id ตำแหน่ง ฯลฯ เพียงใช้ปุ่มลัด Ctrl+Shift+F แล้วคลิกบนพื้นที่นั้นเพื่อดูทุกสิ่งที่คุณต้องการทราบ
แบบฟอร์ม/แสดงรหัสผ่าน
หลายๆ คนชอบที่จะแสดงรหัสผ่านอย่างชัดเจนด้วยเหตุผลหลายประการ คุณลักษณะของแถบเครื่องมือสำหรับนักพัฒนาเว็บนี้มอบความเป็นไปได้สำหรับผู้ใช้ Firefox ที่มีนิสัยนี้ หลังจากคลิกตัวเลือกนี้ ระบบจะแสดงอย่างชัดเจนในช่องป้อนรหัสผ่าน
เบ็ดเตล็ด/การเรนเดอร์หน้าจอขนาดเล็ก
ผู้ใช้จำนวนมากขึ้นเรื่อยๆ สามารถใช้โทรศัพท์มือถือและ PDA เพื่อท่องอินเทอร์เน็ตได้ การใช้ฟังก์ชันนี้ทำให้คุณสามารถดูตัวอย่างหน้าเว็บของคุณบนอุปกรณ์พกพาเหล่านี้ได้ . ทำให้เรียกดูบน PDA ได้ง่ายขึ้น
เบ็ดเตล็ด／ลิงก์ที่เยี่ยมชม
ในบางกรณี เราจะต้องการให้ไฮเปอร์ลิงก์ทั้งหมดบนหน้าเว็บปัจจุบันไม่ถูกต้อง เพื่อช่วยอำนวยความสะดวกในการตรวจสอบและแก้ไขข้อบกพร่องของหน้าเว็บของเรา ภายใต้ตัวเลือกนี้ ผู้ใช้สามารถเลือกทำเครื่องหมายลิงก์ทั้งหมดว่าไม่ได้เยี่ยมชม และไฮเปอร์ลิงก์ทั้งหมดจะถูกปิดใช้งานชั่วคราว
เครื่องมือ/รายงานความเร็วการดู
ตัวเลือกในเมนูเครื่องมือโดยพื้นฐานแล้วจะเกี่ยวข้องกับการตรวจสอบเว็บไซต์, CSS, JS, HTML และอื่นๆ นอกจากนี้ยังมีฟังก์ชันที่มีประโยชน์มากในที่นี้ ซึ่งก็คือการทดสอบความเร็วในการโหลดของเว็บไซต์ออนไลน์ ข้อมูลจาก Web Page Analyzer ถูกเรียกที่นี่ หลังจากคลิกตัวเลือก Web Developer Toolbar จะส่งเว็บไซต์ปัจจุบันไปยัง Web Page Analyzer เพื่อทำการทดสอบ ตัววิเคราะห์หน้า
เบ็ดเตล็ด／แก้ไข HTML
บางทีฟังก์ชันที่ใช้บ่อยที่สุดในแถบเครื่องมือสำหรับนักพัฒนาเว็บคือ แก้ไข CSS ผู้ใช้สามารถแก้ไข CSS ของหน้าเว็บปัจจุบันได้แบบเรียลไทม์และดูผลของการแก้ไขได้ทันที ผู้ใช้ยังสามารถใช้แถบเครื่องมือสำหรับนักพัฒนาเว็บเพื่อแก้ไขไฟล์ HTML ฟังก์ชันนี้ซ่อนอยู่ในเบ็ดเตล็ด