Làm cách nào để tạo thông báo nhật ký bảng điều khiển javascript được định dạng

Tôi đã 'lạch bạch' bởi Bảng điều khiển trong Chrome trên Facebook hôm nay.
Đáng ngạc nhiên là tôi nhận được thông báo này trong bảng điều khiển.

Bây giờ câu hỏi của tôi là:
Làm thế nào điều này là có thể?
Tôi biết rằng có một số phương pháp 'khai thác' cho bảng điều khiển, nhưng làm thế nào bạn có thể tạo định dạng phông chữ như vậy trong bảng điều khiển? (và nó có phải là console.log không?)

Có, bạn có thể định dạng console.log()với một cái gì đó như sau:

console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");

Lưu ý %cvăn bản đứng trước trong đối số đầu tiên và đặc tả kiểu trong đối số thứ hai. Văn bản sẽ giống như ví dụ của bạn.

Xem "Đầu ra bảng điều khiển tạo kiểu với CSS" của Google hoặc Tài liệu về bảng điều khiển của FireBug để biết thêm chi tiết.

Các liên kết tài liệu cũng bao gồm một số thủ thuật gọn gàng khác như bao gồm các liên kết đối tượng trong nhật ký bảng điều khiển.

Thử cái này:

console.log("%cThis will be formatted with blue text", "color: blue");

Trích dẫn tài liệu,

Bạn sử dụng trình chỉ định định dạng% c để áp dụng các quy tắc CSS tùy chỉnh cho bất kỳ chuỗi nào bạn ghi vào Bảng điều khiển bằng console.log () hoặc các phương thức liên quan.

Nguồn: https://developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_css

Bạn cũng có thể định dạng chuỗi con.

var red = 'color:red';
var blue = 'color:blue';
console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);

Từ trang web của Google: trang web

console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");