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

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()。

改进Andru的想法，你可以写一个脚本来创建控制台函数，如果他们不存在:

if (!window.console) console = {};
console.log = console.log || function(){};
console.warn = console.warn || function(){};
console.error = console.error || function(){};
console.info = console.info || function(){};

然后，使用以下任何一种方法:

console.log(...);
console.error(...);
console.info(...);
console.warn(...);

这些函数将记录不同类型的项目(可以根据log, info, error或warn进行过滤)，并且在控制台不可用时不会导致错误。这些功能将在Firebug和Chrome控制台中工作。

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

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()。

console.debug("");

使用此方法在控制台中以明亮的蓝色打印文本。

你可以使用console.log()如果你在什么编程软件编辑器中有一个调试代码，你会看到输出很可能是我最好的编辑器(谷歌Chrome)。只需按F12，然后按控制台选项卡。您将看到结果。快乐的编码。：）

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

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