JavaScript——log日志打印样式

最新推荐文章于 2024-08-19 09:25:15 发布

原创最新推荐文章于 2024-08-19 09:25:15 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #css

微信小程序同时被 2 个专栏收录

32 篇文章

订阅专栏

js面向对象

13 篇文章

订阅专栏

这段代码展示了如何使用JavaScript内置的console.log方法来打印日志。传入的数据可以是任何类型，并通过颜色和字体大小增强日志的可读性。这个简单的日志功能对于前端开发者调试代码非常实用。


log(data?: any) {
    let m = data || "---------------------分割线------------------"
    console.log(`%c ${m}`, "color:teal;font-size:15px;");
  },

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

雪酒呀

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

javascript log日志记录

09-17

可以用来在js里面输出调试信息，类似java里面的log。从此可以摆脱alert的烦恼了。包你满意！！！！可以设置 log.level = 0,1,2,3;例如：log.info("id=",3); 输出[INFO ]: id=3他会打开一个新的窗口(一个Window一个,关闭Window时自动关闭)作为控制台输出还有log.debug("msg");log.error("msg");

js打印Log

qq_35568099的博客

05-03

1万+

alert('HelloWorld'); 效果弹出弹窗console.log(data);效果是在调试页面记录数据

参与评论您还未登录，请先登录后发表或查看评论

JS花里胡哨的日志打印

qq_40753886的博客

07-23

546

JS花里胡哨的日志打印分享一个自己在无聊的时候写的axios请求错误日志打印美化，有什么新奇的想法欢迎各位大佬们评论区补充。效果图默认颜色效果随机颜色效果使用方式 import { reqErrLog } from '*.js' import axios from 'axios' const ins = axios.create({ baseUrl: process.env.VUE_APP_BASE_URL, timeout: 10 * 1000 }) ins.interceptor

自定义console.log的样式

m0_49440146的博客

06-10

1145

如何在控制台上打印有样式的文字了？

log4javascript2：基于log4j的JavaScript日志库

log4javascript2 是一个专为 JavaScript 设计的现代化日志记录库，其设计灵感来源于 Java 领域中极为著名的日志框架 log4j，因此在 API 设计上高度模仿了 log4j 的结构与使用方式，使得熟悉 log4j 的开发者能够快速...

log4js使用指南：JavaScript调试与日志记录详解

log4js 是一个为 JavaScript 提供强大日志记录功能的开源库，其设计灵感来源于 Java 中广泛使用的日志框架 log4j，因此在使用方式、配置结构和功能理念上与 log4j 高度相似。正如标题“log4js使用指南”所指出的，这...

美化控制台日志——让你的 `console.log` 变得更炫酷

最新发布

Caleb的博客

08-19

1498

console是 JavaScript 内置的调试工具对象，提供了多种方法用于输出日志、警告和错误信息。常用的console：输出一般信息。：输出信息，样式与类似。：输出警告信息，通常带有黄色背景。：输出错误信息，通常带有红色背景。：以表格形式展示数据，适合显示数组和对象。例如，使用虽然这些方法提供了基本的输出功能，但它们的样式和信息展示方式较为单一。为了让日志输出更加直观和美观，我们可以利用的 CSS 样式功能来实现自定义样式。通过使用prettyLog。

JavaScript Logger工具：性能追踪与日志记录解决方案

标签中的“javascript-logger”和“javascript-log”进一步强化了这一点，说明该项目是面向JavaScript的日志记录工具。 ### 压缩包子文件的文件名称列表：这些文件是JavaScript Logger资源包的一部分，涵盖了多个...

基于JavaScript的日志查询系统框架实现

JavaScript需要能够读取文本文件（如.log、.txt），按行分割内容，并根据常见的日志格式（如Common Log Format、JSON日志、自定义分隔符格式）提取结构化信息。例如，一条典型的Java应用日志可能形如 `[2025-04-05 ...

jsLog:非常简单的javascript记录器

07-08

日志非常简单的javascript记录器用法很简单： log(message, level); 消息：任何任意字符串/对象level ：用户定义的级别（默认为INFO ）。有保留字ERROR和LOG 。 log(); 这将返回 {msg: 'string', lvl: 'INFO'} 形式的对象数组中的所有日志。 debuglvl(); 允许设置调试级别，或检索当前级别 setlvls(); setlvls()['LOG_LVL'] = 3; 允许检索/修改和添加自定义日志记录级别 default(); 允许获取/设置默认日志记录级别

JavaScript日志工具介绍

03-01

操作步骤： 1：打开calc.htm 2: Alt+D打开调试窗口博文链接：https://fuhao9611.iteye.com/blog/72374

前端js调用浏览器日志日志打印

热门推荐

zy332719794的专栏

04-28

2万+

在做前端开发时，有时直接用alert方法比较麻烦，可以直接将日志打印到浏览器的控制台使用console的log、info、warn、error方法以下是各个浏览器对日志方法的支持： 1 IE log info warn error assert dir clear profile profileEnd 2 Firebug log inf

使用log4js打印日志

lusing的专栏

05-31

2801

使用log4js打印日志不管在做任何开发的时候，打印日志都是很重要的功能。在Node.js中，最普通的打日志的方式就是console.log。如果要写到文件中，或者是要跟高级的log系统对接，我们就需要专门的模块，比如log4js。标准输出我们想要实现与console.log同样的功能，可以简单使用log4js.getLogger。代码如下： import {configure, ge...

js里面log打印_深入理解JS执行上下文的点点滴滴

weixin_42202595的博客

01-22

597

前言对于一名前端开发者来说，深入理解JavaScript程序内部执行机制当然是很有必要的，其中一个关键概念就是JavaScript的执行上下文和执行栈，理解这部分内容也有助于理解作用域、闭包等本次重点执行上下文概念、类型、特点执行上下文的生命周期关于变量提升this指向问题执行上下文栈基本概念：所谓的JavaScript执行上下文就是当前JS代码代码被解析和执行时所在环境的抽象概念，js代码都是在...

自定义console.log样式

m0_56212577的博客

06-07

255

console.log('%c ------robot--log--title-----------------:' + title + ' ', 'background: ' + bgcolor + '; color: ' + color + ';padding:8px 12px;') if (obj) { console.log('%c ------robot--log--obj-------------------:', 'background: ' + bgcol...

node.js 日志写入log4js

ioszhanghui的博客

05-18

1234

在node.js中，写入日志必不可少的就是log4js，但是，每一版log4js升级，发现要使用的配置就不一样，否则会报错，比如之前的版本可以这样配置: { "appenders": [ { "type":"console", "category":"console" ...

console.log写样式

切图仔

10-09

525

js: window.onload = function () { console.log("%c秋名山上行人稀，常有车手较高低。\n如今车道依旧在，不见当年老司机！"," color:#000;font-weight:bold;text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0...

js 日志框架—— si-log学习笔记

黄彪博客

01-17

1709

文章目录问题描述javascript 日志框架文章参考安装vue.config.js 在全局中引用定义打印级别配置说明问题描述工作中很少在JavaScript中写log日志，但是后台JAVA日志是很重要的一部分，是方便在运维发现问题，解决问题，那么前端是否有这方面的需要呢？带着这个疑问，我想找找类似的框架，方便后面工作中学习使用 javascript 日志框架 log4js log4java...