Google一直对我没有帮助,因为搜索“ console.debug”只会显示一堆带有“ console”和“ debug”字样的页面。
我想知道console.log()
和之间有什么区别console.debug()
。有什么方法可以使用一堆console.debug()
语句,然后只需轻按一下开关即可轻松地关闭所有调试语句,使其不发送到控制台(例如在启动站点之后)?
Google一直对我没有帮助,因为搜索“ console.debug”只会显示一堆带有“ console”和“ debug”字样的页面。
我想知道console.log()
和之间有什么区别console.debug()
。有什么方法可以使用一堆console.debug()
语句,然后只需轻按一下开关即可轻松地关闭所有调试语句,使其不发送到控制台(例如在启动站点之后)?
Answers:
至少对于IE,Firefox和Chrome控制台,.debug()只是添加的.log()的别名,以提高兼容性
https://developer.mozilla.org/zh-CN/docs/Web/API/console
https://developers.google.com/chrome-developer-tools/docs/console-api#consoledebugobject_object
https://msdn.microsoft.com/zh-CN/library/ie/hh772183(v=vs.85).aspx
debug()
出现蓝色和log()
黑色
技术上console.log
console.debug
和console.info
是相同的。然而,因为它们显示数据的方式是不同的小
console.log
黑色文字,无图标
console.info
带图标的蓝色文本
console.debug
纯黑色文字
console.warn
带图标的黄色文本
console.error
带图标的红色文本
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);
info
级别日志仅用图标(与快照中的图标相同)显示,但文本(console.info
帖子中的文本)为黑色,行的背景颜色为白色。可能是您用于Firefox浏览器的快照。
console.log("Console.log");
代替console.log("Console.log" + " " + playerOne);
?怎么" " + playerOne
办?
console.log("Console.log"); console.debug("Console.debug"); console.warn("Console.warn"); console.info("Console.info"); console.error("Console.error");
它们几乎是相同的-唯一的不同是,调试消息在最新版本的Chrome中默认为隐藏(您必须Verbose
在控制台中的Devtools顶部栏中将日志级别设置为,以查看调试消息;日志消息默认可见)。
console.info
,console.debug
方法与相同console.log
。
console.log
印刷声明console.info
黑色文字带有蓝色的“ i”图标console.debug
蓝色文字说明文件:
如果要在产品完成后禁用日志记录console.debug()
功能,可以覆盖该功能或进行其他自定义。
console.debug = function() {
if(!console.debugging) return;
console.log.apply(this, arguments);
};
console.debugging = true;
console.debug('Foo', {age:41, name:'Jhon Doe'});
Foo▸{年龄:41,名字:“ Jhon Doe”}
console.debugging = false;
console.debug('Foo', {age:26, name:'Jane Doe'});
无输出
但是我还没有找到一种为输出着色的方法。
在浏览器的文档中log
,debug
和info
方法在实现方面都相同,但颜色和图标有所不同