控制台输出信息console.log()的用法总结

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
可视分析地图(DataV-Atlas),3 个项目,100M 存储空间
简介: 控制台输出信息console.log()的用法总结

定义和用法

console.log() 方法用于在控制台输出信息。

控制台需要可见 ,浏览器按下 F12 打开控制台。


语法

console.log(message)

示例

console.log('lockdatav');
//lockdatav


占位符


image.png


整数

console.log('%d',2);
// 2

对象字符串

 var datav = {name: '漏刻有时', value: 3};
 console.log("%o", datav);
//{name: "漏刻有时", value: 3}

浮点数

console.log("上证指数%f",3354.04);
 //上证指数3354.04

综合示例:

    var name = "漏刻有时数据可视化";
    var num = 3;
    var ver = 2.01;
    var obj = {
        years: '2019年6月12日',
        author:'PoLeung',
    };
    console.log('%s成立%d了,现在最新开源框架是%f版本.\n更多信息:  %o', name, num, ver, obj);
    //漏刻有时数据可视化成立3了,现在最新开源框架是2.01版本.
    //更多信息:  {years: "2019年6月12日", author: "PoLeung"}

样式表

console.log('%c漏刻有数数据可视化','color:#ff0033');



console.log('%c漏刻有数数据可视化,%cLOCKDATAV','color:#ff0033','color:#0033ff');


20200808090744905.png


显示信息的命令

    console.log("我是log");
    console.info("我是info");
    console.warn("我是warn");
    console.error("我是error");


20200808085721963.png


LOCKDATAV DONE!

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
4月前
|
SQL 监控 Java
在IDEA 、springboot中使用切面aop实现日志信息的记录到数据库
这篇文章介绍了如何在IDEA和Spring Boot中使用AOP技术实现日志信息的记录到数据库的详细步骤和代码示例。
在IDEA 、springboot中使用切面aop实现日志信息的记录到数据库
|
2月前
|
存储 数据采集 分布式计算
Hadoop-17 Flume 介绍与环境配置 实机云服务器测试 分布式日志信息收集 海量数据 实时采集引擎 Source Channel Sink 串行复制负载均衡
Hadoop-17 Flume 介绍与环境配置 实机云服务器测试 分布式日志信息收集 海量数据 实时采集引擎 Source Channel Sink 串行复制负载均衡
56 1
|
2月前
|
存储 SQL 关系型数据库
MySQL 存储过程错误信息不打印在控制台
MySQL 存储过程错误信息不打印在控制台
84 1
|
3月前
|
Java
日志框架log4j打印异常堆栈信息携带traceId,方便接口异常排查
日常项目运行日志,异常栈打印是不带traceId,导致排查问题查找异常栈很麻烦。
|
2月前
|
存储 缓存 网络协议
搭建dns服务常见报错--查看/etc/named.conf没有错误日志信息却显示出错(/etc/named.conf:49: missing ‘;‘ before ‘include‘)及dns介绍
搭建dns服务常见报错--查看/etc/named.conf没有错误日志信息却显示出错(/etc/named.conf:49: missing ‘;‘ before ‘include‘)及dns介绍
182 0
|
4月前
|
数据采集 监控 数据安全/隐私保护
掌握Selenium爬虫的日志管理:调整–log-level选项的用法
在Selenium Web数据采集时,日志管理至关重要。通过调整`–log-level`参数可优化日志详细度,如设置为`INFO`记录一般操作信息。结合代理IP、Cookie及user-agent配置,不仅能提高采集成功率,还能规避反爬机制。合理选择日志级别有助于调试与性能平衡,在复杂的数据采集任务中保持程序稳定与可控。
144 1
掌握Selenium爬虫的日志管理:调整–log-level选项的用法
|
4月前
|
Kubernetes 数据安全/隐私保护 容器
【Azure APIM】APIM Self-Hosted网关中,添加网关日志以记录请求头信息(Request Header / Response Header)
【Azure APIM】APIM Self-Hosted网关中,添加网关日志以记录请求头信息(Request Header / Response Header)
|
4月前
|
Go 开发者
【应用服务 App Service】App Service发生错误请求时,如何查看IIS Freb日志,从中得知错误所发生的模块,请求中所携带的Header信息
【应用服务 App Service】App Service发生错误请求时,如何查看IIS Freb日志,从中得知错误所发生的模块,请求中所携带的Header信息
|
4月前
|
监控 安全 Linux
在Linux中,某个账号登陆linux后,系统会在哪些日志文件中记录相关信息?
在Linux中,某个账号登陆linux后,系统会在哪些日志文件中记录相关信息?
|
4月前
|
存储 Kubernetes 监控
在Docker中,很多应用容器都是默认后台运行的,怎么查看它们的输出和日志信息?
在Docker中,很多应用容器都是默认后台运行的,怎么查看它们的输出和日志信息?

热门文章

最新文章