Docker容器的日志文件每一行都是一个json对象，其包含log、stream、time三个属性，下面的HTML从textarea中读取输入的日志信息，格式化为表格显示。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Docker 容器日志格式化</title>

    <style>

        body {

            font-size: 12px;

            font-family: consolas;

        }

        td {

            word-break: keep-all;

            white-space: nowrap;

        }

        tr, td {

            padding-right: 5px;

        }

        tr.stderr {

            color: red;

        }

        .goto-top {

            position: fixed;

            right: 5px;

            bottom: 5px;

            font-size: 24px;

            opacity: 0.5;

        }

    </style>

</head>

<body>

<div id="top"></div>

<div>

    <div>

        <textarea id="logs-text"></textarea>

    </div>

    <div>

        <button onclick="format();">格式化</button>

        <button onclick="empty();">清空</button>

    </div>

</div>

<table>

    <thead>

    <tr>

        <th>行号</th>

        <th>时间</th>

        <th align="left">日志信息</th>

    </tr>

    </thead>

    <tbody id="logs-tbody"><![data]></tbody>

</table>

<div class="goto-top"><a href="#top">回顶部</a></div>

</body>

<script>

    function format() {

        document.getElementById("logs-tbody").innerHTML = null;

        var text = document.getElementById("logs-text").value;

        var textArr = text.split("\n");

        for (var i = 0; i < textArr.length; i++) {

            var logJson = textArr[i].trim();

            if (logJson != "") {

                try {

                    var json = JSON.parse(logJson);

                } catch (e) {

                    var errorInfo = "第" + (i + 1) + "行：[" + logJson + "]语法不对，请重新输入需要格式化的日志信息。";

                    console.error(errorInfo);

                    console.error(e);

                    alert(errorInfo);

                    break;

                }

                var time = new Date(json.time);

                var log = json.log;

                var stream = json.stream;

                var timeStr = time.getFullYear() + "-" + (time.getMonth() + 1) + "-" + time.getDate()

                    + " " + time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();

                var tr = document.createElement("tr");

                if (stream == "stderr") {

                    tr.classList.add("stderr");

                }

                var html = '<td>' + (i + 1) + '</td><td>' + timeStr + '</td><td>' + log + '</td>';

                tr.innerHTML = html;

                document.getElementById("logs-tbody").append(tr);

            }

        }

    }

    function empty() {

        document.getElementById("logs-text").value = null;

        document.getElementById("logs-tbody").innerHTML = null;

    }

</script>

</html>

新建HTML文件，插入此代码即可，如果日志文件较大（建议5000行以上），请使用jar包程序。

Docker 容器日志格式化的更多相关文章

  1. docker 容器日志集中 ELK + filebeat

    docker 容器日志集中 ELK ELK 基于 ovr 网络下 docker-compose.yaml version: '2' networks: network-test: external: ...

  2. docker容器日志收集方案汇总评价总结

    docker日志收集方案有太多,下面截图罗列docker官方给的日志收集方案(详细请转docker官方文档).很多方案都不适合我们下面的系列文章没有说. 经过以下5篇博客的叙述简单说下docker容器 ...

  3. docker容器日志收集方案（方案二 filebeat+syslog本地日志收集）

    与方案一一样都是把日志输出到本地文件系统使用filebeat进行扫描采集 不同的是输出的位置是不一样的 我们对docker进行如下设置 sudo docker service update  --lo ...

  4. docker容器日志收集方案（方案一 filebeat+本地日志收集）

    filebeat不用多说就是扫描本地磁盘日志文件,读取文件内容然后远程传输. docker容器日志默认记录方式为 json-file 就是将日志以json格式记录在磁盘上 格式如下: { " ...

  5. 实时查看docker容器日志

    实时查看docker容器日志 $ sudo docker logs -f -t --tail 行数 容器名 例:实时查看docker容器名为s12的最后10行日志 $ sudo docker logs ...

  6. docker容器日志清理

    1.先查看磁盘空间 df -h 2.找到容器的containerId-json.log文件,并清理(治标不治本,log迟早还会大的) 查看各个容器的log文件大小 find /var/lib/dock ...

  7. Docker容器日志查看与清理（亲测有效）

    https://blog.csdn.net/yjk13703623757/article/details/80283729 1. 问题 docker容器日志导致主机磁盘空间满了.docker logs ...

  8. docker 容器 日志占用空间过大问题处理

    docker 容器 日志占用空间过大问题处理 # 2017 10 09 优化docker 运行产生的日志 path=/var/lib/docker/containers/ cd $path for f ...

  9. 解决docker容器日志导致主机磁盘空间满了的情况

    日志文件在   /var/lib/docker/containers/<docker_container_id>/   目录下 查看日志大小 vim /opt/docker_log_siz ...

随机推荐

  1. 原生js获取元素非行内样式属性的方法

    获取当前对象的样式DOM标准中的全局方法 getComputedStyle(obj).width (获取元素的宽度),但在非标准IE浏览器(IE8)以下有兼容问题IE8以下要这样写 obj.curre ...

  2. vue生成二维码插件qrcodejs2

    1.页面 <div id="qrCode" ref="qrCodeDiv"></div> 2.导入插件 import QRCode fr ...

  3. 关于JPasswordField的getText（）方法过时问题解决

    这几天想做一个登陆界面,用Jframe做,连接数据库时发现JPasswordField的getText()过时了,没法使用.查了资料发现改成了: try{ String sql="SELEC ...

  4. 系统前端基本文件+ajax部分理解

    静态页面: 一.static: css dist fonts images js model 二.templates: html ajax搜索操作: <html> <head> ...

  5. ASP.NET Core 入门教程 5、ASP.NET Core MVC 视图传值入门

    一.前言 1.本教程主要内容 ASP.NET Core MVC 视图引擎(Razor)简介 ASP.NET Core MVC 视图(Razor)ViewData使用示例 ASP.NET Core MV ...

  6. Java多线程基础（二）

    1.多线程数据安全 线程同步:多个线程需要访问同一资源时,需要以某种顺序来确定该资源某一时刻只能被一个线程使用.从而,解决并发操作可能带来的异常. 2.同步代码块实现同步(部分代码的访问,我们希望它同 ...

  7. Django中的信号

    信号 Django 提供一个“信号分发器”,允许解耦的应用在框架的其它地方发生操作时会被通知到. 简单来说,信号允许特定的sender通知一组receiver某些操作已经发生. 这在多处代码和同一事件 ...

  8. 解决Base64报错

  9. supervisor management kafka zookeeper

    # cat kafka.ini [program:kafka] command=/usr/local/kafka/bin/kafka-server-start.sh /usr/local/kafka/ ...

  10. VScode:保存格式化问题，ESLint插件和编辑器本身冲突

    我喜欢使用ESLint来保持我的代码的规范性,但是最近遇到问题:就是ctrl+s后变得如下: 我已经解决了:发现原来是编辑器本身的格式化和插件带的格式化起冲突,因为我把两者同时启用:FormatOnS ...