首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

chrome > console.info >以黑色打印(与console.log相同)

console.info()是JavaScript中的一个方法,用于在浏览器的控制台中打印信息。与console.log()相似,它可以用于调试和输出信息。

console.info()的特点是以黑色字体打印信息,与console.log()相同。它可以接受一个或多个参数,并将它们打印到控制台中。

使用console.info()可以帮助开发人员在调试过程中更好地组织和输出信息,以便更容易地理解和分析代码的执行情况。

以下是console.info()的一些使用示例:

示例1:

代码语言:javascript
复制
console.info("这是一条信息");

输出结果:

代码语言:txt
复制
这是一条信息

示例2:

代码语言:javascript
复制
console.info("姓名:", "张三", "年龄:", 20);

输出结果:

代码语言:txt
复制
姓名: 张三 年龄: 20

示例3:

代码语言:javascript
复制
var obj = {name: "张三", age: 20};
console.info("用户信息:", obj);

输出结果:

代码语言:txt
复制
用户信息: {name: "张三", age: 20}

推荐的腾讯云相关产品:腾讯云云开发(Tencent Cloud CloudBase),它是一款支持云原生开发的全托管服务,提供了前后端一体化的开发框架和工具链,帮助开发者快速构建和部署云端应用。腾讯云云开发支持多种编程语言和开发框架,提供了丰富的云端资源和服务,可以轻松实现云计算、数据库、存储、人工智能等功能。

腾讯云云开发产品介绍链接地址:https://cloud.tencent.com/product/tcb

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • Chrome控制台骚操作,知道这些事半功倍

    Chrome 浏览器想必是每个前端工程师必备的利器之一,速度快、体积小、支持的特性也比其他浏览器多;除此之外,它还拥有强大的控制台功能,但很多开发者并没有用出控制台的精髓,只是使用 console.log...console 既然 console 能打印出我们想要的信息,那么就试着打印下它自己。 console.log(console); ?...另外,console.log(); 可以接收多个参数,参数间用逗号分隔,控制台会根据参数的设置把多个消息打印到同一行。...区别:console.dir(); 是将 DOM 结点以 JavaScript 对象的形式输出到控制台,而 console.log(); 是直接将 DOM 结点以 DOM 树的结构进行输出,与在元素审查时看到的结构是一致的...console.log(document.body); console.dir(document.body); ? 同样,它们也可以以不同的形式打印函数。

    1.6K10

    控制台禁用js_禁止直接访问js

    ,那么如果初始化时控制台是开启状态,会检测不到这一次的状态 3)、先声明对象,再重写toString,最后打印对象,但是对象不作为第一个参数,此时就可以成功监测每一次控制台状态了 4)、console.log...、console.info、console.error等均有效 5)、只在chrome内核浏览器有效,firefox、ie失效 var devtools = new Date(); //function...('控制台打开了') } }) //ie不支持console.table //console.info(dom); console.log(dom...); } 除了使用console.log,我们还可以使用console.info,console.dir和console.error等等,需要注意的是ie不支持console.table 激活成功教程:...等 反激活成功教程:对console.log等进行重写再包装,如 let _console = { log : console.log, info : console.info,

    9.8K20

    前端必须知道的开发调试知识 - 笔记

    Bug 与 Debug:Bug 的产生、前端 Debug 特点 Chrome 的 DevTools 移动端 H5 调试:真机调试、代理工具调试 开发调试技巧 # 前端必须知道的开发调试知识...console.warn console.error console.debug console.info 小技巧:不同类型的数据从 console 中打印出的颜色也不相同,可以借此判断数据类型 上面的都是用于区分警告等级...,主要区别就在于显示颜色不同,而还有一种日志方法,可以具像化的展示 JSON 和数组数据,方便调试: console.table 另外,console 打印的日志还可以自定义 css 样式: 通过占位符给日志添加样式...,突出重要的信息 % s:字符串占位符 % o:对象占位符 % c:样式占位符 % d:数字占位符 例如: console.log( "%s %o,%c%s", "hello",{name: 'tome...电脑点击 inspect 按钮 进入调试界面 # 代理工具调试 原理: 电脑作为代理服务器 手机通过 HTTP 代理连接到电脑 手机上的请求都经过代理服务器 以 Charles 为例: 安装 Charles

    1.1K20

    ✨ 7 个让你的 console.log() 输出脱颖而出的提示和技巧

    信息图标不出现,因此 Chrome 中的 console.log 和 console.info 之间没有视觉差异。 // 4....INFO console.info("console.info()"); 输出: 其实很简单,因为浏览器允许你根据这些类型进行过滤。 3.清除控制台 需要一个干净的控制台。...("控制台示例"); 输出: 例如,当循环遍历一个对象并希望以更有条理的方式显示结果时会很有帮助,如下所示。...* 7}岁`); console.groupEnd(`${dog.name}`); }); 2.折叠 要获得相同的结果,作为折叠列表,只需要将console.group更改为console.groupCollapsed...我喜欢通过文章分享技术与快乐。您可以访问我的博客: https://haiyong.blog.csdn.net/ 以了解更多信息。希望你们会喜欢! 欢迎大家在评论区提出意见和建议!

    69720

    Node.js 全局对象(上)

    如果有多个参数,则 以类似于C 语言 printf() 命令的格式输出。...2 console.info([data][, ...])该命令的作用是返回信息性消息,这个命令与console.log差别并不大,除了在chrome中只会输出文字外,其余的会显示一个蓝色的惊叹号。...console.log():向标准输出流打印字符并以换行符结束。 console.log 接收若干 个参数,如果只有一个参数,则输出这个参数的字符串形式。...如果有多个参数,则 以类似于C 语言 printf() 命令的格式输出。 第一个参数是一个字符串,如果没有 参数,只打印一个换行。...: Hello world byvoid%diovyb byvoid1991iovyb console.error():与console.log() 用法相同,只是向标准错误流输出。

    1.8K30

    嘘,这里可能有你不知道的console小技巧

    程序员的日常应该是不断的制造Bug与修复Bug了,而修复Bug的速度往往象征着你经验的高低。身为前端工程师的你console应该是最常用到的调试工具了。...console是window对象的属性之一,你可以通过通过console输出有助于调试代码的字符串、数组以及对象,然后通过浏览器控制台(chrome->单击右键->检查->console)查看。...1、输出的四种方式 // 用于输出普通信息console.log("normal:你我皆凡人,生在人世间");// 用于输出提示性信息(应该会有个小图标,不过谷歌不支持)console.info("information...("低调1");console.log("低调2");console.groupEnd(); 打印结果: ?...从结果来看,我们并不知道打印出来的内容具体来自于哪一个对象。如果我们换一种方式: console.log({box,desk}); 这样我们就可以知道具体打印的是哪一个对象了: ?

    59840

    Javascript调试命令——你只会Console.log() ?

    分类输出 不同类别信息的输出 console.log('文字信息'); console.info('提示信息'); console.warn('警告信息'); console.error('错误信息')...表格输出 使用console.table()可以将传入的对象,或数组以表格形式输出。...查看对象 使用Console.dir()显示一个对象的所有属性和方法 在Chrome中Console.dir()和Console.log()效果相同 var CodeDeer = {...查看节点 使用Console.dirxml()显示一个对象的所有属性和方法 在Chrome中Console.dirxml()和Console.log()效果相同 百度首页logo的节点信息 ?...三、自定义样式 使用%c为打印内容定义样式,再输出信息前加上%c,后面写上标准的css样式,就可以为输出的信息添加样式了 console.log("%cMy stylish message", "color

    1.1K40

    调试 node.js 程序

    使用 console.log 检查对象: const obj = { a: 1, b: 2 } console.log(obj) 这段代码将打印出以下信息: { a: 1, b: 2 } 注意...obj) 不可枚举属性 a 不会显示,这段代码将打印出以下信息: { b: 2 } console.log 函数可以通过 util.format 函数提供向字符串中插入数值的能力,在字符串中使用 % 前缀作占位符...例如: console.log('an object: %j', {a: 1, b: 2}) 这段代码将打印出以下信息: an object: {"a":1,"b":2} %j 是一个 JSON 占位符...当然除了 console.log 函数,还可以使用 console 对象的其他函数调试代码,例如:console.error、console.table、console.info等等。...接着,打开 Chrome 浏览器,在地址栏输入: chrome://inspect/#devices 在界面 Remote Target 标签内容中找到要调试的目标(Target)文件,点击目标中的 inspect

    3K20

    8个console.log的解决方案

    ; 输出: 默认情况下,console.debug 打印的消息不会出现在控制台上。 console.info 等于 console.log 。 console.warn 将打印黄色警告样式消息。...console.error 将打印一条红色错误样式消息。 当我们需要打印特殊消息时,可以使用这些方法代替 console.log ,它将使消息清晰。...以精美的样式输出消息 如果要在打印的消息中添加 CSS 样式,只需在字符串前添加 %c 并将 CSS 样式作为另一个参数传递: console.log('%c Hi everyone!'...当我们使用相同的名称调用 console.timeEnd() 时,浏览器将输出自计时器启动以来经过的时间(以毫秒为单位)。...console.log("Back to level 2"); console.groupEnd(); console.log("Back to the outer level"); 写在最后 以上就是我今天想与你分享的

    62720

    web调试优化-chrome开发者工具不完全指南

    但是console.info,console.warn,console.error , 这个三个大家就不是很常用,下面简单演示下! console.log('这是普通信息!')...PS:这个版本有点奇怪,之前console.info这个api在前面是有一个蓝色的标志的,我现在用的这个版本和console.log的表现完全一样 ?...monitorEvents作用是监控你所选元素关联的所有事件,事件触发时,在控制台打印它们。 ? ?...以JSON形式返回 ? cookie和timeing也是请求的信息,但是我平常没怎么关注,在这里就不多说了!...3.NET 某一个时刻页面的表现形式(以某一个时刻的画面展示)!把鼠标移动到FPS,CPU或者NET区域任意的位置,就会展示这个时间节点面的截图。

    82410
    领券