Firebug ไม่ได้โหลด CSS

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

เกี่ยวกับ Firebug

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

Firebug และ CSS

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

การแก้ไขปัญหา

สไตล์ CSS อาจไม่โหลดลงใน Firebug ด้วยเหตุผลหลายประการ หากคุณสามารถดูรหัส HTML ของหน้า แต่ไม่มีสไตล์ CSS ปรากฏทางด้านขวาให้ตรวจสอบว่ามีสไตล์ชีทที่เชื่อมโยงอยู่โดยคลิกที่ "CSS" ในบานหน้าต่างด้านซ้ายของ Firebug หากคุณเห็นสไตล์ชีทที่เชื่อมโยงให้คลิก "HTML" อีกครั้งและดูบานหน้าต่างด้านขวา หากไม่มี CSS ปรากฏขึ้นอาจเป็นไปได้ว่าจะไม่มีการใช้สไตล์ CSS ที่เชื่อมโยงบนหน้าเว็บหรือ Firefox นั้นถูกเพิกเฉยเช่นสไตล์ที่กำหนดไว้สำหรับผู้ใช้ Internet Explorer ตรวจสอบว่า Firebug ทำงานอย่างถูกต้องกับเว็บเพจอื่นเช่น Yahoo.com หรือ Google.com ข้อผิดพลาดในรหัสของหน้าอาจป้องกันไม่ให้ Firebug โหลดสไตล์

ปัญหาแคช

หากสไตล์ CSS ไม่โหลดสำหรับหน้าใด ๆ หรือคุณเห็นสไตล์ แต่มีข้อผิดพลาดเกิดขึ้นเมื่อคุณพยายามแก้ไขสไตล์นั้น Firebug อาจมีปัญหาในการอ่านแคช Firefox ตรวจสอบให้แน่ใจว่าคุณไม่ได้ใช้ส่วนขยายที่ปิดใช้งานการแคชเบราว์เซอร์และหากเป็นเช่นนั้นให้ลองปิดใช้งานส่วนขยายนั้นโดยเลือก "Add-on" จากเมนู "เครื่องมือ" Firefox คลิก "ส่วนขยาย" และคลิก "ปิดใช้งาน" ข้างปัญหา ส่วนขยาย. รีสตาร์ท Firefox และลองโหลดหน้าเว็บใน Firebug อีกครั้ง

ความขัดแย้ง

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