วิธีการติดตั้ง Firebug บน IE, Safari, Chrome & Opera

วิธีการติดตั้ง Firebug บน IE, Safari, Chrome & Opera

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





การติดตั้ง Firebug บน IE, Safari, Chrome หรือ Opera

Firebug Lite ทำให้สามารถติดตั้ง Firebug ลงใน ใด ๆ เว็บเบราว์เซอร์! คุณควรจะสามารถใช้ Firebug กับ Internet Explorer, Opera, Safari, Chrome และเบราว์เซอร์อื่นๆ ที่รองรับ JavaScript Firebug Lite เขียนด้วย JavaScript ดังนั้นคุณสามารถรวมไว้บนเว็บเพจด้วยรหัสต่อไปนี้:




ดูเหมือนว่าฟังก์ชันการทำงานของปุ่มตรวจสอบจะมีปัญหา ดังนั้นอีกวิธีในการตรวจสอบองค์ประกอบคือนำทางไปยังแผนผัง HTML โดยคลิกที่ + ลงชื่อเข้าใช้มุมมองแบบต้นไม้เพื่อขยาย HTML และเมื่อคุณเห็นองค์ประกอบที่คุณต้องการตรวจสอบ ให้คลิกที่บรรทัดโค้ดสำหรับองค์ประกอบนั้นใน HTML ทางด้านขวา คุณสามารถดูรูปแบบการคำนวณและคำพิพากษา(Document Object Model) คุณสมบัติสำหรับองค์ประกอบ

Firebug Lite ยังมีคอนโซล JavaScript ซึ่งช่วยให้คุณรัน JavaScript คุณสามารถเขียนครั้งละหนึ่งบรรทัด หรือในมุมมองที่ขยาย คุณสามารถเขียนหลายบรรทัดในคราวเดียวแล้วรันโค้ด



แม้ว่าคุณจะไม่สามารถแก้ไข CSS สำหรับองค์ประกอบที่เน้นสีได้ แต่ Firebug Lite มีกลไกสำหรับการแก้ไข CSS เป็น 'คอนโซล CSS' บางส่วนเนื่องจากขาดคำศัพท์ที่ดีกว่า ซึ่งคุณสามารถเขียนโค้ด CSS ของคุณเองและดูว่าผลลัพธ์จะออกมาเป็นอย่างไร

แน่นอน ด้วยชื่ออย่าง Firebug Lite คุณไม่สามารถคาดหวังได้ว่าจะมีคุณสมบัติทั้งหมดของ Firebug น่าเสียดายที่ไม่มีการดีบัก JavaScript ใด ๆ (ฉันไม่สามารถจินตนาการได้เลยว่าการเขียนดีบักเกอร์ JavaScript ใน Javascript จะยากเพียงใด) ขออภัย คุณยังคงติดอยู่กับเครื่องมือดีบัก JavaScript ใดๆ ที่คุณสามารถหาได้สำหรับเบราว์เซอร์ของคุณ อย่างน้อยก็ให้ความสะดวกแก่คุณในการดูโค้ดสำหรับไฟล์สคริปต์ที่โหลดในหน้าได้อย่างง่ายดาย

Firebug Lite ยังขาดคุณสมบัติเลย์เอาต์ใน Firebug ปกติ ซึ่งจะแสดงพิกัดสำหรับองค์ประกอบที่กำลังตรวจสอบ เช่นเดียวกับการเติม ขนาดเส้นขอบ และระยะขอบ

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

คุณเคยใช้ Firebug Lite หรือไม่? คุณเคยใช้ Firebug บน IE, Safari, Chrome หรือ Opera มาก่อนหรือไม่ ถ้าเป็นเช่นนั้นคุณสมบัติที่คุณชื่นชอบคืออะไร?

แบ่งปัน แบ่งปัน ทวีต อีเมล นี่คือเหตุผลที่ FBI ออกคำเตือนสำหรับ Hive Ransomware

FBI ได้ออกคำเตือนเกี่ยวกับ ransomware ที่น่ารังเกียจโดยเฉพาะ นี่คือเหตุผลที่คุณต้องระวัง Hive ransomware เป็นพิเศษ

อ่านต่อไป หัวข้อที่เกี่ยวข้อง
  • เบราว์เซอร์
  • HTML
  • การพัฒนาเว็บ
  • เครื่องมือของผู้ดูแลเว็บ
  • การเขียนโปรแกรม
  • ออกแบบเว็บ
เกี่ยวกับผู้เขียน Jorge Sierra(15 บทความที่ตีพิมพ์)

ฉันเป็นคนธรรมดาทั่วไปที่ใช้เวลาหลายชั่วโมงอยู่หน้าจอคอมพิวเตอร์ทั้งที่ทำงานและที่บ้าน ฉันยังสนุกกับการรวบรวมเครื่องมือและแกดเจ็ตดีๆ

วิธีคัดลอกข้อความโดยไม่ต้องจัดรูปแบบ
เพิ่มเติมจาก Jorge Sierra

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก