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. 2019-01-28 [日常]Beyond的歌里最多是"唏嘘"吗? - Python分词+词频

    看了一个Beyond的纪录片, 提到这个. 觉得心有不甘, 于是搜集了24首歌词, 用Python做了简单分词和词频统计. 源码(包括歌词)在: program-in-chinese/study 统计 ...

  2. 如何解决angular不自动生成spec.ts文件

    "schematics":{   "@schematics/angular:component": {        "styleext": ...

  3. Dynamics 365-ExecuteWorkflowRequest

    一般是通过对CRM上的数据进行手动操作,来触发Workflow,但是如果碰到数据量比较大的时候,纯手动操作无疑是一个耗时费力的事.这个时候,可以通过使用ExecuteWorkflowRequest来实 ...

  4. Vue2.5笔记：如何在项目中使用和配置Vue

    最开始的项目开发中,我们如果使用第三方的库我们会直接在项目中直接使用 script 元素标签引入即可. <script src="../xxx.js"></scr ...

  5. 使用Python的列表推导式计算笛卡儿积

    笛卡儿积: 笛卡儿积是一个列表, 列表里的元素是由输入的可迭代类型的元素对构 成的元组,因此笛卡儿积列表的长度等于输入变量的长度的乘积, 如下图: 如果你需要一个列表,列表里是 3 种不同尺寸的 T ...

  6. SQL Server中LIKE %search_string% 走索引查找（Index Seek）浅析

      在SQL Server的SQL优化过程中,如果遇到WHERE条件中包含LIKE '%search_string%'是一件非常头痛的事情.这种情况下,一般要修改业务逻辑或改写SQL才能解决SQL执行 ...

  7. 前后端分离djangorestframework—— 接入微信模板消息推送

    微信 什么是微信也不多说,跟前面的支付宝一样的 微信支付 微信支付也有个沙箱环境,沙箱环境官方文档 由文档中那句很显眼的话所得,即使是测试环境也需要真实的商户号,所以这个就没法想支付宝那样用沙箱账号来 ...

  8. 关于.net中的DataSet和DataTable

    DataSet ds = new DataSet(); ds.Tables.Add(); ds.Tables[].Columns.Add("name"); ds.Tables[]. ...

  9. c/c++ 继承与多态 由子类向父类的转换规则

    问题1:子类B可以有3种方式(public, protected, private)继承父类A,用哪种方式继承,用户代码才能把子类B的对象转换成父类A的对象呢? 只用当子类B以public方式继承父类 ...

  10. python——python3.6环境搭建（Windows10,64位）

    1.python软件资源下载 1.1 打开python官网地址:https://www.python.org 1.2 根据自己电脑的设置选择下载合适的python3.6.2 1.3 此处选择windo ...