Cách gỡ lỗi Javascript với IE 8

Question

Làm cách nào để chúng tôi có thể gỡ lỗi JavaScript bằng IE 8?

debbuging với Visual Studio JavaScript không hoạt động sau khi cập nhật lên IE 8.

Answer 1

tôi phát hiện ra ngày hôm nay rằng bây giờ chúng tôi có thể gỡ lỗi Javascript Với ​​sự bổ sung thanh công cụ nhà phát triển integreted trong IE 8.

• Nhấp vào ▼ Công cụ trên thanh công cụ, ở bên phải của các tab.
• Chọn Công cụ phát triển. Hộp thoại Công cụ dành cho nhà phát triển sẽ mở ra.
• Nhấp vào tab Tập lệnh trong hộp thoại.
• Nhấp vào nút Bắt đầu gỡ lỗi.

Bạn có thể sử dụng đồng hồ, điểm ngắt, xem ngăn xếp cuộc gọi, v.v, tương tự như các trình gỡ rối trong trình duyệt chuyên nghiệp.

Bạn cũng có thể sử dụng câu lệnh debugger; trong mã JavaScript của mình để đặt điểm ngắt.

Answer 2

Bạn có thể tìm thêm thông tin về gỡ lỗi Thanh công cụ dành cho nhà phát triển IE8 tại Debugging JScript hoặc Debugging Script with the Developer Tools.

Answer 3

Điều này sẽ không giúp bạn bước qua mã hoặc phá vỡ lỗi, nhưng đó là một cách hữu ích để có cùng bảng điều khiển gỡ lỗi cho dự án của bạn trên tất cả các trình duyệt.

myLog = function() { 
    if (!myLog._div) { myLog.createDiv(); } 

    var logEntry = document.createElement('span'); 
    for (var i=0; i < arguments.length; i++) { 
     logEntry.innerHTML += myLog.toJson(arguments[i]) + '<br />'; 
    } 
    logEntry.innerHTML += '<br />'; 

    myLog._div.appendChild(logEntry); 
} 
myLog.createDiv = function() { 
    myLog._div = document.body.appendChild(document.createElement('div')); 
    var props = { 
     position:'absolute', top:'10px', right:'10px', background:'#333', border:'5px solid #333', 
     color: 'white', width: '400px', height: '300px', overflow: 'auto', fontFamily: 'courier new', 
     fontSize: '11px', whiteSpace: 'nowrap' 
    } 
    for (var key in props) { myLog._div.style[key] = props[key]; } 
} 
myLog.toJSON = function(obj) { 
    if (typeof window.uneval == 'function') { return uneval(obj); } 
    if (typeof obj == 'object') { 
     if (!obj) { return 'null'; } 
     var list = []; 
     if (obj instanceof Array) { 
      for (var i=0;i < obj.length;i++) { list.push(this.toJson(obj[i])); } 
      return '[' + list.join(',') + ']'; 
     } else { 
      for (var prop in obj) { list.push('"' + prop + '":' + this.toJson(obj[prop])); } 
      return '{' + list.join(',') + '}'; 
     } 
    } else if (typeof obj == 'string') { 
     return '"' + obj.replace(/(["'])/g, '\\$1') + '"'; 
    } else { 
     return new String(obj); 
    } 
} 

myLog('log statement'); 
myLog('logging an object', { name: 'Marcus', likes: 'js' }); 

Điều này được đặt cùng nhau khá nhanh và hơi cẩu thả, nhưng nó vẫn hữu ích và có thể được cải thiện dễ dàng!

Answer 4

Tôi đã hy vọng thêm điều này làm nhận xét cho trả lời của Marcus Westin, nhưng tôi không thể tìm thấy liên kết - có thể tôi cần danh tiếng hơn?

---

Dù sao, cảm ơn, tôi thấy đoạn mã này hữu ích để gỡ lỗi nhanh trong IE. Tôi đã thực hiện một số chỉnh sửa nhanh để khắc phục sự cố khiến nó ngừng hoạt động đối với tôi, cũng để cuộn xuống tự động và sử dụng định vị cố định để nó xuất hiện trong chế độ xem. Đây là phiên bản của tôi trong trường hợp bất kỳ ai tìm thấy nó hữu ích:

myLog = function() { 

    var _div = null; 

    this.toJson = function(obj) { 

     if (typeof window.uneval == 'function') { return uneval(obj); } 
     if (typeof obj == 'object') { 
      if (!obj) { return 'null'; } 
      var list = []; 
      if (obj instanceof Array) { 
        for (var i=0;i < obj.length;i++) { list.push(this.toJson(obj[i])); } 
        return '[' + list.join(',') + ']'; 
      } else { 
        for (var prop in obj) { list.push('"' + prop + '":' + this.toJson(obj[prop])); } 
        return '{' + list.join(',') + '}'; 
      } 
     } else if (typeof obj == 'string') { 
      return '"' + obj.replace(/(["'])/g, '\\$1') + '"'; 
     } else { 
      return new String(obj); 
     } 

    }; 

    this.createDiv = function() { 

     myLog._div = document.body.appendChild(document.createElement('div')); 

     var props = { 
      position:'fixed', top:'10px', right:'10px', background:'#333', border:'5px solid #333', 
      color: 'white', width: '400px', height: '300px', overflow: 'auto', fontFamily: 'courier new', 
      fontSize: '11px', whiteSpace: 'nowrap' 
     } 

     for (var key in props) { myLog._div.style[key] = props[key]; } 

    }; 


    if (!myLog._div) { this.createDiv(); } 

    var logEntry = document.createElement('span'); 

    for (var i=0; i < arguments.length; i++) { 
     logEntry.innerHTML += this.toJson(arguments[i]) + '<br />'; 
    } 

    logEntry.innerHTML += '<br />'; 

    myLog._div.appendChild(logEntry); 

    // Scroll automatically to the bottom 
    myLog._div.scrollTop = myLog._div.scrollHeight; 

}