Làm cách nào để kết xuất các vars JavaScript trong IE8?

Question

Tôi có một đối tượng cần kiểm tra trong IE8. Tôi đã thử các công cụ dành cho nhà phát triển và console.log, tương đương Firebug của chúng. Tuy nhiên, khi tôi ra đối tượng để đăng nhập:

console.log("Element: ", element); 
console.log(element); 

tôi chỉ nhận được chuỗi

LOG: Element: [object Object] 

thay vì một nhấp được, bãi examinable.

Có thể kết xuất một đối tượng vào Nhật ký và kiểm tra các thành viên của nó, như trong Firebug không?

Tôi không thể sử dụng hàm dump() tự chế vì phần tử tôi muốn kiểm tra quá lớn nên trình duyệt sẽ gặp sự cố.

Answer 1

Dưới đây là một kỹ thuật mà tôi đã tìm thấy hữu ích:

• Mở Developer Tool Bar (hit F12)
• Chuyển đến "Script" tab
• Nhấp vào "Start Debugging" nút
• Tiếp theo, gõ "gỡ rối" vào giao diện điều khiển và nhấn enter. Điều này sẽ kích hoạt điểm ngắt.
• Chuyển đến tab phụ "Xem"
• Nhấp vào hàng có nội dung "Nhấp để thêm ..." và nhập biến bạn muốn kiểm tra. Lưu ý rằng biến phải có sẵn trên toàn cầu.
• Tại thời điểm này, bạn sẽ có thể kiểm tra biến của bạn với cây giống như giao diện người dùng
• Khi bạn đã thực hiện gỡ lỗi bấm nút Continue (hoặc nhấn F5)

Answer 2

console.log (element.toString()) có thể là bạn của bạn ở đây ...

Answer 3

Một chút tắt chủ đề (như nó đã giành 't làm việc cho các yếu tố DOM) nhưng tôi thấy nó tiện dụng để sử dụng các JSON.stringify(object) để có được một chuỗi JSON cho đối tượng đó là khá dễ đọc.

Answer 4

Một gợi ý là sử dụng Firebug-Lite: Nó kết thúc tốt đẹp giao diện điều khiển obj và bạn có thể thấy kết quả trong IE giống như trong hầu hết bảng điều khiển firebug. Hy vọng sự trợ giúp này.

Answer 5

Nếu bạn đang làm việc với mã khó chịu và console.log không có sẵn, thử điều này trong giao diện điều khiển:

out = []; for (i in your_object) { out.push(i) } out.join("\n") 

Answer 6

@ Chris nhận xét câu trả lời @ Andy với các giải pháp đơn giản: Sử dụng console.dir(myObj) để có được tất cả các chi tiết được in ra trong bảng điều khiển trong IE. Cảm ơn Chris!

Answer 7

Tôi biết đây là một câu hỏi cũ thực sự, nhưng tôi đang tìm kiếm câu trả lời cho điều này ngay bây giờ. Nếu nó không phải là một yêu cầu tuyệt đối để sử dụng giao diện điều khiển IE (mà không phải là rất tốt, IMO), sau đó bạn có thể xem xét sử dụng Firebug Lite (http://getfirebug.com/firebuglite). Nó không phải là một giải pháp hoàn hảo, và bạn có thể không muốn đẩy kịch bản đó ra môi trường sản xuất của bạn, và nó không đầy đủ tính năng như Firebug, nhưng nó khá tốt khi bạn có nhiều thứ xung quanh với một trình duyệt cấp thấp như I E.

Answer 8

Một chút chunky nhưng nó hoạt động cho các đối tượng DOM:

console.log(testNode.outerHTML.replace(testNode.innerHTML,"")); 

Answer 9

Thêm Tag này trong trang của bạn:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>

Và những điều sẽ làm việc.

Làm việc trên hệ thống của tôi.

Lưu ý: Hãy thử giải pháp này.

Answer 10

Dump nó thành một hiện HMTL Element

tôi nhận thấy IE 11 được tước dòng console sau 1027 ký tự: -/ Khi tôi đã có một đối tượng lớn để đổ (12.000 ký tự) Tôi đổ vào một phần tử TextArea-Element có sẵn, từ đó tôi có thể sao chép nội dung.

var str = JSON.stringify(myObject); 
$('#existing-element').text(str); // jQuery or 
document.querySelector("#existing-element").innerHTML = str; // native JavaScript 

Answer 11

Một phiên bản tranh ảnh của câu trả lời tuyệt vời của Xavi: