Tôi hy vọng có thể in đẹp các đối tượng mảng và như vậy trong Bảng điều khiển của Chrome DevTools. Có cách nào để đạt được điều này không?Làm cách nào để in ra bản in đẹp trong Chrome DevTools Console?
Cảm ơn bạn!
Bạn có thể định dạng dữ liệu như JSON:
console.log(JSON.stringify({foo:1, bar:2}, null, 4));
{
"foo": 1,
"bar": 2
}
Nếu bạn đang ở một breakpoint, bạn có thể gọi JSON.stringify() trực tiếp từ Chrome DevTools console:
> JSON.stringify(anObject, null, 2);
<- "{
"field": "foo",
"array": [
{
"element": 1
},
{
"element": 2
}
],
"object": {
"inner_field": "bar"
}
}"
-----------------------------
>
Ý anh là gì bởi 'khá in'? Những thứ xuất hiện trong giao diện điều khiển được định dạng theo mặc định (màu phông chữ khác nhau cho các loại khác nhau, khả năng mở rộng đối tượng và mảng, v.v.) –
Xin chào @KonradDzwinel, ý tôi là tạo đầu ra để dễ đọc hơn. Nhưng tôi không nói về nút prettify ({}) cho các tập tin nguồn. Nhưng tôi có nghĩa là khi bạn có một mảng f.ex. và không muốn nó được in vào console như một mảng nội tuyến nhưng được xếp chồng lên nhau. Cảm ơn bạn! –
DevTools không có cài đặt để thay đổi đầu ra của bảng điều khiển mặc định. Tuy nhiên bạn có thể ghi đè lên 'console.log' bằng chức năng của riêng bạn. Xem câu trả lời của tôi ở đây: http://stackoverflow.com/questions/18178896/different-clickable-log-items-in-chorome-dev-tools-console –