除了Delan Azabani的回答，我还喜欢分享我的console.js，我也是出于同样的目的。我用一个函数名数组创建了一个noop控制台，在我看来这是一种非常方便的方式，我照顾了Internet Explorer，它有一个console.log函数，但没有console.debug:

// Create a noop console object if the browser doesn't provide one...
if (!window.console){
  window.console = {};
}

// Internet Explorer has a console that has a 'log' function, but no 'debug'. To make console.debug work in Internet Explorer,
// We just map the function (extend for info, etc. if needed)
else {
  if (!window.console.debug && typeof window.console.log !== 'undefined') {
    window.console.debug = window.console.log;
  }
}

// ... and create all functions we expect the console to have (taken from Firebug).
var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
    "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];

for (var i = 0; i < names.length; ++i){
  if(!window.console[names[i]]){
    window.console[names[i]] = function() {};
  }
}

只是一个简短的警告——如果你想在不删除所有console.log()的情况下在Internet Explorer中测试，你需要使用Firebug Lite，否则你会得到一些不太友好的错误。

(或者创建自己的console.log()，只返回false。)

或者使用这个函数:

function log(message){
    if (typeof console == "object") {
        console.log(message);
    }
}

只需要添加一个许多开发者忽略的功能:

console.log("this is %o, event is %o, host is %s", this, e, location.host);

这是JavaScript对象的可点击和深度浏览内容的神奇%o转储。%s只是一个记录。

这个也很酷:

console.log("%s", new Error().stack);

它提供到新的Error()调用点的类似java的堆栈跟踪(包括文件路径和行号!)

%o和new Error()。堆栈可用在Chrome和Firefox!

在Firefox中也可以使用堆栈跟踪:

console.trace();

正如https://developer.mozilla.org/en-US/docs/Web/API/console所说。

黑客快乐!

更新:一些库是由坏人编写的，他们为了自己的目的重新定义了控制台对象。要在加载库后恢复原始的浏览器控制台，请使用:

delete console.log;
delete console.warn;
....

参见堆栈溢出问题恢复console.log()。

从浏览器地址栏执行以下代码:

javascript: console.log(2);

成功打印消息到“JavaScript控制台”在谷歌Chrome浏览器。

除了Delan Azabani的回答，我还喜欢分享我的console.js，我也是出于同样的目的。我用一个函数名数组创建了一个noop控制台，在我看来这是一种非常方便的方式，我照顾了Internet Explorer，它有一个console.log函数，但没有console.debug:

// Create a noop console object if the browser doesn't provide one...
if (!window.console){
  window.console = {};
}

// Internet Explorer has a console that has a 'log' function, but no 'debug'. To make console.debug work in Internet Explorer,
// We just map the function (extend for info, etc. if needed)
else {
  if (!window.console.debug && typeof window.console.log !== 'undefined') {
    window.console.debug = window.console.log;
  }
}

// ... and create all functions we expect the console to have (taken from Firebug).
var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
    "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];

for (var i = 0; i < names.length; ++i){
  if(!window.console[names[i]]){
    window.console[names[i]] = function() {};
  }
}