我如何打印调试消息在谷歌Chrome JavaScript控制台?
请注意,JavaScript控制台和JavaScript调试器是不一样的;它们有不同的语法AFAIK,所以在JavaScript调试器中的打印命令在这里将不起作用。在JavaScript控制台中,print()会将参数发送给打印机。
我如何打印调试消息在谷歌Chrome JavaScript控制台?
请注意,JavaScript控制台和JavaScript调试器是不一样的;它们有不同的语法AFAIK,所以在JavaScript调试器中的打印命令在这里将不起作用。在JavaScript控制台中,print()会将参数发送给打印机。
当前回答
只需要添加一个许多开发者忽略的功能:
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("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浏览器。
简单的Internet Explorer 7及以下,为其他浏览器保留行编号:
/* Console shim */
(function () {
var f = function () {};
if (!window.console) {
window.console = {
log:f, info:f, warn:f, debug:f, error:f
};
}
}());
你可以使用console.log()如果你在什么编程软件编辑器中有一个调试代码,你会看到输出很可能是我最好的编辑器(谷歌Chrome)。只需按F12,然后按控制台选项卡。您将看到结果。快乐的编码。:)