ฉันทำงานกับเว็บไซต์ใหม่ในช่วงสองสามสัปดาห์ที่ผ่านมา แต่แทนที่จะทำด้วยตัวเองฉันตัดสินใจรับความช่วยเหลือจากส่วนขยายของ Firefox พวกเขาทำให้งานของฉันง่ายขึ้นมากและพวกเขาทั้งหมดสามารถดาวน์โหลดได้ในเวลาเพียงไม่กี่วินาที

Aardvark: Aardvark ช่วยให้คุณสามารถเลือกองค์ประกอบจากหน้าเว็บและดำเนินการต่างๆกับพวกเขา ฉันใช้มันเพื่อวิเคราะห์โครงสร้างของหน้า คุณยังสามารถลบและแยกองค์ประกอบหรือสร้างรหัส DOM ฉันขอแนะนำอย่างยิ่ง

ColorZilla: หากมีสีบนหน้าเว็บที่คุณชอบ ColorZilla จะค้นหารหัสที่แม่นยำสำหรับมันและอนุญาตให้คุณวางลงในโปรแกรมการเข้ารหัสของคุณ คุณยังสามารถสร้างสีที่กำหนดเองได้ด้วยเบราว์เซอร์จานสีในตัว มันบันทึกสีที่ใช้มากที่สุดเพื่อให้เข้าถึงได้ง่ายในภายหลัง มันทรงพลังมันง่ายมันต้องมี

ตัวตรวจ สอบความถูกต้อง CSS : ตัว ตรวจสอบความถูกต้องของ CSS เพิ่มตัวเลือกคลิกขวาในเบราว์เซอร์ของคุณส่ง CSS ไปยังตัวตรวจสอบความถูกต้อง CSS ของ W3C มันเปิดผลลัพธ์ในแท็บใหม่ CSS Validator เป็นเครื่องมือที่ดีที่จะมีประโยชน์บ่อยครั้ง

CSSViewer: ไม่ควรมีนักออกแบบเว็บไซต์ที่ทำงานได้หากไม่มี CSSViewer ส่วนเสริมจะแจ้งให้คุณทราบถึงข้อมูล CSS ทั้งหมดที่คุณต้องการจากไซต์ เพียงคลิกที่หน้าที่คุณต้องการเปิดในเมนูเครื่องมือแล้วมันจะแสดงข้อมูล CSS ฉันใช้มันเกือบทุกวัน

FireBug: Firebug เป็นหนึ่งในส่วนขยายที่คุณทำไม่ได้ มันช่วยให้คุณแก้ไขดีบักและดู CSS, HTML และ JavaScript เมื่อคุณทำการเปลี่ยนแปลง HTML บนเว็บไซต์ Firebug จะแสดงโดยอัตโนมัติในบานหน้าต่างเดียวกัน มันทรงพลังมาก

FirePHP: FireBug เป็นเครื่องมือที่ดีสำหรับ CSS, HTML และ JavaScript แต่ FirePHP ซึ่งจะทำงานเมื่อคุณติดตั้งส่วนขยาย FireBug เท่านั้นจะสร้างประสบการณ์การพัฒนาแบบเต็มรูปแบบ ด้วยความช่วยเหลือของ Add-on ทั้งสองคุณสามารถดูคุณภาพของ PHP และค้นหาข้อผิดพลาด มันเป็นความช่วยเหลือที่ดีมาก

ตัวค้นหาแบบอักษร: ตัวค้นหา แบบอักษรช่วยให้คุณสามารถเน้นแบบอักษรที่คุณชอบในเว็บไซต์ใด ๆ คลิกขวาที่ตัวเลือกและหลังจากเลือก "ตัวค้นหาแบบอักษร" ดูรูปแบบข้อความ CSS แบบเต็มของการเลือก จากนั้นคุณสามารถวางลงในหน้าเว็บของคุณเอง

เครื่องมือตรวจสอบ HTML: เครื่องมือตรวจสอบ HTML เป็นเครื่องมือที่ทรงพลังอย่างยิ่งสำหรับผู้ใช้ Windows เท่านั้น ส่วนเสริมให้ข้อเสนอแนะเกี่ยวกับข้อผิดพลาดในหน้า นอกจากนี้ยังช่วยให้คุณทราบว่าต้องแก้ไขปัญหาใด แต่ถ้าคุณไม่ใช่นักออกแบบเว็บไซต์ขั้นสูงให้อยู่ห่างจากเครื่องมือนี้ มันซับซ้อนมาก

IE View: ตราบใดที่คุณใช้ Windows, IE View เป็นเครื่องมือที่มีประโยชน์ ส่วนขยายเพิ่มตัวเลือก "เปิดใน IE" ในเมนูคลิกขวาที่ช่วยให้คุณเปิดเว็บไซต์ได้อย่างรวดเร็วใน Internet Explorer เป็นวิธีที่ดีในการตรวจสอบว่าหน้าเว็บมีลักษณะอย่างไรในเบราว์เซอร์ทั้งสอง

Java Console: หากคุณต้องการดูว่า Java applets ทำงานอย่างไรบนเว็บเพจ Java Console นั้นเหมาะสำหรับคุณ คุณสามารถตรวจสอบและตรวจแก้จุดบกพร่องแอปเพล็ตและรับรายงานฉบับเต็มเกี่ยวกับประสิทธิภาพของพวกเขา

LinkChecker: LinkChecker ไฮไลต์ลิงก์บนเว็บไซต์ใด ๆ และบอกคุณว่าลิงก์นั้นจะพาคุณไปยังเว็บไซต์สดหรือไม่หรือจะส่งคืน 404 ฉันใช้มันทุกวัน

Poster: หากคุณต้องการดีบักเซิร์ฟเวอร์และส่งคำขอ HTTP Poster เป็นเครื่องมือสำหรับคุณ ใช้งานง่ายคุณสามารถตั้งค่าประเภทเนื้อหาและภายในไม่กี่นาทีคุณจะมีข้อมูลทั้งหมดที่คุณต้องการตรวจสอบผลลัพธ์ของการสืบค้น HTTP ของคุณ มีประโยชน์

Style Sheet Chooser II: Style Sheet Chooser II แทนที่ Style sheeter ของ Firefox และให้คุณเลือกสไตล์อื่นที่จะคงอยู่ในทุกหน้าของเว็บไซต์ มันไม่ใช่สิ่งที่คุณจะใช้บ่อย แต่เมื่อคุณต้องการบางสิ่งบางอย่าง Style Sheet Chooser II เป็นหนทางที่จะไป

นักพัฒนาเว็บ: หากคุณติดตั้งส่วนขยายใด ๆ ในบทสรุปนี้นักพัฒนาเว็บควรรวมอยู่ด้วย มันเพิ่มเมนูและแถบเครื่องมือให้กับ Firefox เพื่อให้คุณมีตัวเลือกในการแสดงสไตล์ของหน้าดูและแก้ไข CSS และอีกมากมาย ไม่ควรมีนักพัฒนาเว็บไซต์ที่ไม่มีมัน

YSlow: YSlow ต้องการให้ติดตั้ง FireBug เพื่อให้ทำงานได้ แต่เป็นวิธีที่ดีในการค้นหาสาเหตุที่ไซต์ของคุณทำงานช้า มันวิเคราะห์เว็บเพจและส่งคืนปัญหาที่ทำให้ไซต์ช้าลงตามกฎของ Yahoo สำหรับเว็บไซต์ที่มีประสิทธิภาพสูง ฉันใช้บ่อยเพื่อค้นหาว่าฉันสามารถปรับปรุงความเร็วของไซต์ของฉันได้ที่ไหน ลองดู