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

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