在html中展示命令执行日志

简介: 有些时候需要把命令行程序的日志在页面中展示,比如这种场景。通常日志里可能含有进度的展示,比如curl的输出,这种展示依赖于r这种控制字符来起作用。遗憾的是如果直接作为html来输出,r会被当作换行,导致进度变成了无数行,比如这里的样子(虽然可能也不是大问题)。

有些时候需要把命令行程序的日志在页面中展示,比如这种场景。通常日志里可能含有进度的展示,比如curl的输出,这种展示依赖于r这种控制字符来起作用。遗憾的是如果直接作为html来输出,r会被当作换行,导致进度变成了无数行,比如这里的样子(虽然可能也不是大问题)。另外终端里也会有很多依赖转义序列来实现的带色彩的输出,比如git log的输出。题外话,有时候stdout的类型,会影响这个特性,比如git log | less当加上了管道之后,彩色输出会消失。这里有一些绕过的方法。

回到正题,我们希望带有r的输出,只保留最后的部分,像下面这样的效果:

image

同时将转义序列的彩色输出,也转换成对应的html。

尝试了好久,最终通过clearr和ansi-to-html这两个包可以比较好的做到,示例代码:

image

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
目录
相关文章
|
27天前
|
Shell Linux C语言
【Shell 命令集合 网络通讯 】Linux 查看系统中的UUCP日志文件 uulog命令 使用指南
【Shell 命令集合 网络通讯 】Linux 查看系统中的UUCP日志文件 uulog命令 使用指南
29 0
|
3月前
ModelScope中swft app-ui 命令怎么开启推理日志?
ModelScope中swft app-ui 命令怎么开启推理日志?【1月更文挑战第4天】【1月更文挑战第19篇】
24 1
|
3月前
|
开发工具 git
git日志输出相关命令
git日志输出相关命令
|
27天前
|
监控 Shell Linux
【Shell 命令集合 系统管理 】Linux 自动轮转(log rotation)日志文件 logrotate命令 使用指南
【Shell 命令集合 系统管理 】Linux 自动轮转(log rotation)日志文件 logrotate命令 使用指南
48 0
|
6月前
|
Kubernetes 容器 Perl
k8s查看日志命令—2023.02
k8s查看日志命令—2023.02
125 0
|
6月前
|
Linux
百度搜索:蓝易云 ,Linux系统查看log日志命令详解!
通过使用以上命令,您可以方便地查看和搜索Linux系统中的日志文件内容。根据您的需求,选择适当的命令和选项来满足您的日志查看要求。
116 0
|
27天前
|
监控 Shell Linux
【Shell 命令集合 系统管理 】Linux 实时监控日志文件 swatch命令 使用指南
【Shell 命令集合 系统管理 】Linux 实时监控日志文件 swatch命令 使用指南
33 1
|
7月前
|
运维 Linux 程序员
Linux查看log日志命令总结
Linux查看log日志命令总结
240 1
|
4月前
|
Docker 容器
docker环境日志常用命令
docker环境日志常用命令
61 0
|
8月前
|
Linux
【Linux系统查看日志的命令有哪些?】
在Linux系统中,查看日志文件是诊断和解决问题的重要步骤之一。系统管理员可以通过查看日志文件来检查系统的运行状况,发现和解决潜在的问题。
158 0