green:'\x1b[32m',yellow:'\x1b[33m'};console.log(`${colors[color]}%s${colors.reset}`,message);}colorLog('这是一条红色的消息','red');colorLog('这是一条绿色的消息','green');colorLog('这是一条黄色的消息','yellow');
console.log("%c Hello, World!", "color: red; font-weight: bold;border: 1px solid red;"); 结果如下: 通过使用 %c 占位符和自定义的样式规则,可以在控制台输出中以不同的样式突出显示特定的文本,使得输出更加清晰和易于识别。 这在调试和日志记录过程中非常有用,特别是当需要突出显示特定类型的信息...
constcss1 =`color: #0f0;`;constcss2 =`color: #f0f;`;console.log(`%cString 1, %cString 2`, css1, css2);console.log(`%cString 1, %c%s`, css1, css2,`String 2`); demos constlog =console.log;log(`%c小程序 APP 的生命周期`+`%capp onLaunch`,`color: #000;`,`color: #0...
console.log('%c Auth ','color: white;'Login page rendered'); console.log('%c GraphQL ','color: white;'Get user details'); console.log('%c Error ','color: white;'Error getting user details'); console.trace() console.trace()将堆栈跟踪输出到控制台,并显示代码在某个点结束的方式。某...
console.log('%d + %d =', 1, 1, 2); // 1 + 1 = 2 1. 2. 丰富样式输出 我们可以使用%c进行css样式格式化输出。常见的富样式输出有两种:文字样式、图片输出。 文字样式 console.log("%c这是一段神奇的文字",'color:red;font-size:40px;text-shadow:1px 1px 1px #ccc'); ...
一般情况下,我们在项目中进行代码调试时,往往只会在逻辑中使用console.log进行控制台打印调试。 这种方式虽然比较常规直接,但是如果打印数据多了,就会导致你的控制台消息变得异常混乱。 所以,我们有了更好的选择,那就是console对象提供的其它API,来让我们能够更清晰的区分打印信息。
dog.color = "×××"; 然后,对它使用o%占位符。 console.log("%o",dog); 三、分组显示 如果信息太多,可以分组显示,用到的方法是console.group()和console.groupEnd()。 console.group("第一组信息"); console.log("第一组第一条"); console.log("第一组第二条"); ...
console.log('hello world')你真的了解全部的 console.log 吗 ?1.多个参数 首先, console.log() ...
console.log() 基本用法 console.log,前端常用它来调试分析代码,你可以在任何的js代码中调用console.log(),然后你就可以在浏览器控制台看到你刚才打印的常量,变量,数组,对象,表达式等的值。 首先看最基本的用法: console.log('123'); // 123 console.log('1', '2', '3'); ...
console本身是一只黑马,但是我们只拿它来耕田,这就有点过份了,来来来,让它来给我们跑一跑。 使用教程 console.group("A请求");console.log(`%c prev state`,`color:#9E9E9E; font-weight: bold`,{name:'hi'});console.log(`%c action`,`color:#03A9F4; font-weight: bold`,{name:'hello'});...