Sự khác biệt giữa console.log () và console.debug ()?

Google không hữu ích cho tôi, vì việc tìm kiếm "console.debug" chỉ xuất hiện một loạt các trang có dòng chữ "console" và "debug" trên chúng.

Tôi đang tự hỏi sự khác biệt giữa console.log()và console.debug(). Có cách nào để sử dụng một loạt các console.debug()câu lệnh và sau đó chỉ cần lật một công tắc để dễ dàng tắt tất cả các câu lệnh gỡ lỗi khỏi việc gửi đến bàn điều khiển (như sau khi khởi chạy một trang web) không?

Đối với ít nhất các bảng điều khiển IE, Firefox và Chrome, .debug () chỉ là bí danh cho .log () được thêm vào để cải thiện khả năng tương thích

https://developer.mozilla.org/en-US/docs/Web/API/console

https://developers.google.com/chrom-developer-tools/docs/console-api#consoledebugobject_object

https://msdn.microsoft.com/en-us/l Library /ie / hh772183 (v = vs85) .aspx

Về mặt kỹ thuật console.log console.debugvà console.infogiống hệt nhau Tuy nhiên cách họ hiển thị dữ liệu hơi khác nhau

console.log Văn bản màu đen không có biểu tượng

console.info Văn bản màu xanh với biểu tượng

console.debug Văn bản màu đen tinh khiết

console.warn Văn bản màu vàng với biểu tượng

console.error Văn bản màu đỏ với biểu tượng

var playerOne = 120;
var playerTwo = 130;
var playerThree = 140;
var playerFour = 150;
var playerFive = 160;

console.log("Console.log" + " " +  playerOne);
console.debug("Console.debug" + " " +playerTwo);
console.warn("Console.warn" + " " + playerThree);
console.info("Console.info" + " " + playerFour);
console.error("Console.error" + " " + playerFive);

Chúng gần như giống hệt nhau - sự khác biệt duy nhất là các thông báo gỡ lỗi được ẩn theo mặc định trong các phiên bản Chrome gần đây (bạn phải đặt mức nhật ký thành thanh Verbosetrên cùng của Devtools trong khi trong bảng điều khiển để xem thông báo gỡ lỗi; thông báo nhật ký được hiển thị theo mặc định).

console.info, console.debugcác phương thức giống hệt nhau console.log.

• console.log Tuyên bố in
• console.info Văn bản màu đen với biểu tượng "i" màu xanh lam
• console.debug Văn bản màu xanh

Tài liệu:

• Trình duyệt Chrome
• I E
• Cạnh
• FireFox
• Safari

Nếu bạn muốn khả năng vô hiệu hóa ghi nhật ký sau khi sản phẩm kết thúc, bạn có thể ghi đè console.debug()chức năng hoặc tạo một tùy chỉnh khác.

console.debug = function() {
    if(!console.debugging) return;
    console.log.apply(this, arguments);
};

console.debugging = true;
console.debug('Foo', {age:41, name:'Jhon Doe'});

Foo▸ {tuổi: 41, tên: "Jhon Doe"}

console.debugging = false;
console.debug('Foo', {age:26, name:'Jane Doe'});

Không có đầu ra

Tuy nhiên, tôi chưa tìm ra cách để tô màu đầu ra.

Từ tài liệu của các trình duyệt, Các log, debugvà cũng có infophương pháp giống hệt nhau trong việc thực hiện khôn ngoan nhưng khác nhau về màu sắc và biểu tượng

https://jsfiddle.net/yp4z76gg/1/