ปัญหาการเรนเดอร์แอปพลิเคชัน Bootstrap 3 IE 9

ฉันได้พัฒนาแอปพลิเคชันด้วย UI Stack ต่อไปนี้

  • เจคิวรี่ 2.0.3
  • บูทสแตรป 3
  • แผนภูมิสูง
  • เจคิวรี่ UI 1.10.3

ไม่มีการใช้องค์ประกอบ HTML 5

เบราว์เซอร์ที่แอปได้รับการทดสอบสำเร็จ:

  • โครม 31.0
  • ไฟร์ฟอกซ์ 25.0
  • IE 10 และ 11

แต่ฉันพบปัญหาการเรนเดอร์ที่สำคัญบน IE9 แม้ว่า Bootstrap 3 จะรองรับก็ตาม

เมื่อฉันเรนเดอร์แอปพลิเคชันครั้งแรก ไม่มีข้อผิดพลาดแต่ไม่มีองค์ประกอบใดแสดงเลย

ทันทีที่ฉันเปิดแท็บคอนโซลเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ (เพื่อตรวจสอบข้อผิดพลาด) และดำเนินการร้องขอใหม่ แอปพลิเคชันทั้งหมดจะแสดงผลอย่างสมบูรณ์

ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์บน IE9 โหมดเบราว์เซอร์คือ IE9 และโหมดเอกสารคือมาตรฐาน IE9

ฉันยังลองเพิ่ม ‹meta http-equiv="X-UA-Compatible" content="IE=edge"› ลงใน HTML ของฉัน แต่ก็ไม่ประสบความสำเร็จ

มีความคิดอะไรบ้างที่ฉันอาจทำผิด?


person nunchuckNinja    schedule 19.12.2013    source แหล่งที่มา
comment
รหัสของคุณอยู่ที่ไหน? -› jsfiddle.net   -  person damian    schedule 19.12.2013
comment
ฉันไม่มีรหัสเฉพาะที่จะแสดงให้คุณดู ฉันใช้ Tiles กับ Spring MVC เพื่อเติมเทมเพลตมาตรฐานของฉัน   -  person nunchuckNinja    schedule 19.12.2013


คำตอบ (2)


คุณอาจต้องการพิจารณาใช้ wrapper console.log http://benalman.com/projects/javascript-debug-console-log/

หรือใช้บางอย่างเช่น grunt-remove-logging https://github.com/ehynds/grunt-remove-loggingเพื่อหลีกเลี่ยงอุบัติเหตุที่คล้ายกัน

person Ian Lim    schedule 19.12.2013

พบ "คอนโซลไม่ได้กำหนด" เมื่อเปิดใช้งานดีบักเกอร์

วิธีแก้ไขปัญหาเดียวกับที่ยอมรับในคำถามนี้ คอนโซลเป็นข้อผิดพลาดที่ไม่ได้กำหนดใน IE9

person nunchuckNinja    schedule 19.12.2013