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知识点总结

    组成 ECMAscript 基础语法     变量 数据类型 运算符 数组 函数 对象BOM 浏览器对象模型     window对象(获取浏览器宽高)     history对象     locat ...

  2. RelativeLayout设置wrap_content无效

    尊重劳动成果,转载请标明出处:http://www.cnblogs.com/tangZH/p/8419053.html 在做项目的过程中,遇到了一个奇怪的现象,我设置RelativeLayout为的宽 ...

  3. postgresql 日志报错could not write to log file: No space left on device，could not write lock file "postmaster.pid": No space left on device

    今天遇到了一个特别奇怪的问题,我在用docker容器的时候,发现我的postgresql怎么也启动不起来 尝试了N多种办法,最后看了看postgresql的日志发现 postgresql 日志中报错 ...

  4. WordCount结对项目

    合作者:201631062124,201631062423 代码地址:https://gitee.com/yryx/WordCount 作业地址:https://edu.cnblogs.com/cam ...

  5. Elasticsearch源码分析 - 源码构建

    原文地址:https://mp.weixin.qq.com/s?__biz=MzU2Njg5Nzk0NQ==&mid=2247483694&idx=1&sn=bd03afe5a ...

  6. Linux(Deepin 15.9) - MySQL5.7 安装

    Linux(Deepin 15.9) - MySQL5.7 安装 sudo apt install mysql-server/panda sudo apt install mysql-client/p ...

  7. Linux/Unix环境下的make命令详解

    https://blog.csdn.net/wxqian25/article/details/21226711

  8. Netty初体验

    package netty_starter; import io.netty.bootstrap.ServerBootstrap; import io.netty.channel.ChannelFut ...

  9. pybind11 安装

    Prerequisites: $ sudo apt-get install python-dev  (or python3-dev) $ sudo apt-get install cmake $ su ...

  10. MySQL数据库事务及其特性

    一.事务概念 事务就是一个程序执行单元,里面的操作要么都做,要么都不做. 二.事务特性 事务有四个非常重要的特性(ACID): 原子性(Atomicity):事务是不可分割的整体,所有操作要么全做,要 ...