การดีบัก JavaScript ใน IE7

ฉันต้องดีบัก JavaScript ใน Internet Explorer 7

น่าเสียดายที่ดีบักเกอร์เริ่มต้นนั้นไม่ได้ให้ข้อมูลมากนัก มันบอกหน้าว่าข้อผิดพลาดปรากฏขึ้น (ไม่ใช่สคริปต์ที่เฉพาะเจาะจง) และให้หมายเลขบรรทัดแก่ฉัน ฉันไม่รู้ว่าสิ่งนั้นเกี่ยวข้องกับปัญหาของฉันหรือไม่

มันจะดีถ้ามันแคบลงข้อผิดพลาดกับหมายเลขบรรทัดในสคริปต์เฉพาะ (เช่น Firebug สามารถ)

มี addon เพื่อดีบัก JavaScript ใน IE7 เช่น Firebug ทำใน Firefox หรือไม่?

ขอบคุณ!

ดูสิ่งนี้ด้วย:

IE7 มี“ โหมดผู้พัฒนา” หรือปลั๊กอินเช่น Firefox / Chrome / Safari หรือไม่?

ผู้ช่วยพัฒนาเว็บไซต์ดีมาก

IE Dev Toolbarมักจะเป็นประโยชน์ แต่น่าเสียดายที่ไม่ได้ทำดีบักสคริปต์

ความจริงที่ยากคือตัวดีบักที่ดีสำหรับ IE คือ Visual Studio

หากคุณไม่มีเงินสำหรับข้อตกลงจริงให้ดาวน์โหลดVisual Express Developer 2008 Express Edition ฟรีVisual Web Developer 2010 Express EditionEdition ที่ ในขณะที่อดีตอนุญาตให้คุณแนบตัวดีบักเกอร์เพื่อใช้งาน IE อยู่แล้ว แต่ตัวหลังไม่ได้ (อย่างน้อยรุ่นก่อนหน้านี้ที่ฉันใช้ไม่อนุญาต) หากยังคงเป็นเช่นนี้เคล็ดลับคือการสร้างโปรเจ็กต์ง่าย ๆ ด้วยหน้าเว็บเปล่าหนึ่งหน้า "เรียกใช้" (เริ่มต้นเบราว์เซอร์) จากนั้นไปที่หน้าที่คุณต้องการดีบักและเริ่มการดีบัก

Microsoft มอบ Visual Studio แบบเต็มรูปแบบสำหรับเหตุการณ์ที่แตกต่างกันซึ่งมักจะมีข้อ จำกัด ด้านใบอนุญาต แต่อนุญาตให้ใช้งานที่บ้านได้ ตรวจสอบตารางเวลาและรายการของแจกฟรี

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

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

นี่เป็นการเริ่มต้นที่ดีในการใช้เครื่องมือนี้ด้วย HOW-TO: ดีบัก JavaScript ใน Internet Explorer

ฉันพบDebugBarแล้ว

ไม่ดีเท่า Firebug แต่ปิด

ใน IE7 คุณสามารถเปิด firebug lite สำหรับหน้าปัจจุบันโดยวางต่อไปนี้ในแถบที่อยู่:

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

ดูhttp://getfirebug.com/lite.html

Microsoft Script Editor เป็นตัวเลือกและสิ่งที่ฉันได้ลองมานั้นมีเสถียรภาพมากขึ้น - ตัวดีบักใน IE8 นั้นยอดเยี่ยม แต่ด้วยเหตุผลบางอย่างเมื่อใดก็ตามที่ฉันเริ่มเครื่องมือนักพัฒนาซอฟต์แวร์จะต้องใช้เวลา IE8 ในบางครั้ง นาทีเพื่อตรวจสอบทรี DOM ของหน้าเว็บของฉัน และหลังจากนั้นดูเหมือนว่าต้องการที่จะทำมันในทุกหน้ารีเฟรชซึ่งเป็นการทรมาน

คุณสามารถตรวจสอบเนื้อหาของตัวแปรในโปรแกรมแก้ไขสคริปต์ของ Microsoft: หากคุณโผล่ไปมาภายใต้ดีบั๊ก> หน้าต่างคุณสามารถเปิดการตรวจสอบตัวแปรภายในเครื่อง, ดู ฯลฯ

ตัวเลือกอื่น ๆ Visual Web Dev ในขณะที่ขนาดใหญ่ทำงานได้ดีพอสมควร หากต้องการตั้งค่าให้ทำเช่นนี้ (ถูกขโมยจากที่นี่ ):

1. การดีบักควรเปิดใน IE ไปที่เครื่องมือ> ตัวเลือกอินเทอร์เน็ต> ขั้นสูงและตรวจสอบว่าไม่ได้ทำเครื่องหมายปิดการใช้งานการดีบักสคริปต์ (Internet Explorer)และแสดงการแจ้งเตือนเกี่ยวกับข้อผิดพลาดสคริปต์ทั้งหมดทั้งหมด
2. สร้างโครงการเว็บว่างใหม่ภายใน VWD
3. คลิกขวาที่ไซต์ใน Solutions Explorer ที่ด้านบนขวาไปที่เบราส์ด้วยและตรวจสอบให้แน่ใจว่าเบราว์เซอร์เริ่มต้นของคุณถูกตั้งค่าเป็น IE (มีเหตุผลที่จะถือว่าถ้าคุณเป็นนักพัฒนาเว็บ IE ไม่ใช่เบราว์เซอร์เริ่มต้นของคุณ ที่จะไม่เป็นค่าเริ่มต้น .. โดยค่าเริ่มต้น)
4. กด F5 แล้ว IE จะเปิดขึ้น เรียกดูหน้าที่คุณต้องการตรวจแก้จุดบกพร่อง
5. VWD จะเปิดขึ้นเมื่อใดก็ตามที่คุณมีข้อผิดพลาดของสคริปต์หรือถ้าคุณตั้งค่าเบรกพอยต์ในหนึ่งในไฟล์ JS แก้ไขข้อบกพร่อง!

อัปเดต : โดยวิธีถ้าคุณพบการชะลอตัวเช่นเดียวกับฉันกับดีบั๊กของ IE8 มีวิธีแก้ปัญหา - หากคุณพบหรือทำให้ IE พบข้อผิดพลาดเพื่อให้ปรากฏขึ้นบทสนทนา "คุณต้องการที่จะแก้ปัญหา" และ กดใช่โปรแกรมดีบั๊กจะปรากฏขึ้นมาทันที ดูเหมือนว่าหากคุณไป "ตรง" ในโหมดแก้ไขข้อบกพร่องเครื่องมือ Dev ไม่เคยตรวจสอบ DOM มันก็ต่อเมื่อคุณกด F12 เท่านั้น

IE8 มีเครื่องมือสำหรับนักพัฒนาที่พัฒนาขึ้นมาก ก่อนหน้านี้จะเป็นการดีที่สุดที่จะเขียน javascript สำหรับ firefox ก่อนแล้วจึง debug IE โดยใช้คำสั่ง alert ()

Microsoft Script Editor สามารถใช้เพื่อดีบัก Javascript ใน IE มันมีข้อผิดพลาดน้อยกว่า Microsoft Script Debugger แต่มีฟังก์ชั่นพื้นฐานที่เหมือนกันซึ่งน่าเสียดายที่มีข้อ จำกัด ในเรื่องการดำเนินการ ฉันไม่สามารถตรวจสอบตัวแปรหรือสิ่งที่มีประโยชน์เช่นนั้นได้ นอกจากนี้ยังจัดส่งพร้อมกับ Office XP / 2003 ด้วยเหตุผลแปลก ๆ บางอย่างเท่านั้น ข้อมูลเพิ่มเติมที่นี่ถ้าคุณเป็นเกม

ฉันดาวน์โหลด Visual Web Developer 2008 Express Edition ที่กล่าวถึงโดย Eugene Lazutkin แต่ยังไม่มีโอกาสลองใช้ ฉันขอแนะนำให้ลองใช้ก่อนที่จะแก้ไขสคริปต์ / ดีบักเกอร์

มันไม่ได้เป็นดีบักเกอร์เต็มรูปแบบ แต่ส่วนขยาย DP_DEBUG ของฉันมีฟังก์ชันการใช้งานที่เป็นประโยชน์ (ฉันคิดว่า) และพวกเขาทำงานใน IE, Firefox และ Opera (9+)

คุณสามารถ "ทิ้ง" การแสดงภาพของวัตถุ JavaScript ที่ซับซ้อน (แม้กระทั่งวัตถุระบบ) ทำการบันทึกและกำหนดเวลาที่ง่ายขึ้น ส่วนประกอบมีวิธีการง่าย ๆ ในการเปิดใช้งานหรือปิดใช้งานเพื่อให้คุณสามารถปล่อยให้ดีบักเกอร์ทำงานแทนได้ถ้าคุณต้องการ

DP_Debug

เครื่องมือสำหรับนักพัฒนา IE9 ใช้งานได้สำหรับฉัน เพียงตั้งค่ารายการเมนู "โหมดเบราว์เซอร์" เป็น IE7

เฮ้ฉันเจอปัญหาเดียวกันและพบแอปพลิเคชันIETESTERนี้ มันยอดเยี่ยมมากมันเป็นแอพที่มี IE 5.5,6 และ 7 รวมอยู่ด้วย ไม่สำคัญว่าคุณใช้ IE เวอร์ชันใดในปัจจุบัน สิ่งนี้ช่วยให้คุณมีหลายรุ่นเคียงข้างกัน

หากคุณเปิดใช้งานการดีบัก javascript ในตัวเลือก IE และติดตั้ง Visual Studio คุณยังสามารถดีบัก javascript ใน VS ด้วยตัวเลือกการดีบักทั้งหมดที่มีให้คุณ (นาฬิกาจุดพักแบบมีเงื่อนไข ฯลฯ )

หากคุณต้องการเริ่มแก้ไขข้อบกพร่องก่อนที่จะเกิดข้อผิดพลาดคุณเพียงแค่ใส่บรรทัด

debugger;

ลงในรหัส JS ของคุณและสิ่งนี้จะนำคุณเข้าสู่ VS เพื่อเริ่มแก้ไขข้อผิดพลาดหลังจากข้อความนี้

นี่เป็นสิ่งที่น่าอัศจรรย์อย่างยิ่งสำหรับฉันในการทดสอบความเข้ากันได้แบบย้อนหลังสำหรับรหัส JS

ใช้ Internet Explorer 8 จากนั้นลองใช้เครื่องมือนักพัฒนา .. คุณสามารถดีบักตาม IE 7 ได้เช่นกันในโหมดความเข้ากันได้

FireBug Lite: http://getfirebug.com/firebuglite

คำตอบนั้นง่าย

1. รับ Internet Explorer 9
2. กด F12 เพื่อโหลดเครื่องมือสำหรับนักพัฒนา
3. สลับโหมดเบราว์เซอร์เป็น IE7

การรันโค้ดของคุณผ่านเครื่องมือวิเคราะห์แบบสแตติกของ Javascript เช่นJSLintสามารถตรวจพบข้อผิดพลาดทั่วไปของ IE7 เช่นคอมม่าต่อท้ายในนิยามวัตถุ

เครื่องมือสำหรับนักพัฒนา IE8 สามารถเปลี่ยนไปใช้โหมด IE7 ได้

หากคุณยังคงต้อง Debug IE 7 โหมดการจำลองของ IE 11 ทำงานได้ค่อนข้างดี

ไปที่เมนู: เครื่องมือ Dev จากนั้นทำการจำลองและตั้งค่า นอกจากนี้ยังให้ข้อมูลบรรทัดข้อผิดพลาด

เครื่องมือต่อไปนี้ใช้งานได้ดีสำหรับฉัน:

1) http://www.debugbar.com/

มอบ UI ความสะดวกสบายให้กับคุณสมบัติเช่นแหล่งที่มา, สไตล์, DOM, สคริปต์, การตรวจสอบ HTML นอกจากนี้ยังแสดงข้อผิดพลาดที่เกิดขึ้นจริงในไฟล์ JS ของคุณ (บรรทัดใดไฟล์ไหน)

2) http://www.my-debugbar.com/wiki/CompanionJS/Installing

ระบุคอนโซลสำหรับ IE6 หรือ IE7 (ซึ่ง แต่เดิมไม่รองรับ)

• ภาพหน้าจอ