操作系統

CentOS7

下載 websocketd

安裝 nc 命令

yum install nmap-ncat

創建監聽腳本

cat > cmd.sh <

#!/bin/bash

pkill -x nc

while :; do

nc -nkl 10088

sleep 1

done

創建 log.html

body{

background-color: #0e1012;color: #ffffff;

}

*{

margin: 0; padding: 0;

}

#msg{

overflow:auto; border:2px solid #303030; color:#ffffff; background-color: #2b2b2b; font-size: 13px; position: absolute; left: 8px; right: 8px; bottom: 8px; top: 40px; word-break:

break-all;

}

#log{

position: fixed; top: 0; left: 0; width: 100%; height: 40px; text-align: left; margin: 4px 0 0 8px;

}

#log b{

font-size: 26px;

}

#msgBtn{

padding: 5px 10px; border: none; background: #777; float: right; margin: 0 16px 0 0;

}

實時日志清空

$(document).ready(function() {

if (!window.WebSocket) {

if (window.MozWebSocket) {

window.WebSocket = window.MozWebSocket;

} else {

$('#msg').append("

你的瀏覽器不支持websocket

");

}

}

var ws = new WebSocket('ws://221.7.197.100:8008/websocket/');

ws.onopen = function(evt) {

$('.list').append('

websocket連接成功');

}

ws.onmessage = function(evt) {

$('.list').append('

' + evt.data + '');

setTimeout(function(){$('#msg').scrollTop($('.list').height()-$('#msg').height());}, 100)

}

$("#msgBtn").click(function(){

$(".list").html("");

})

});

文件部署位置

websocketd/

├── [-rwxr-xr-x] cmd.sh

├── [drwxr-xr-x] websocket

│ └── [-rw-r--r--] log.html

└── [-rwxr-xr-x] websocketd

啟動 websocketd

cd websocketd

./websocketd --port=8008 --staticdir=. ./cmd.sh

在瀏覽器中打開日志瀏覽頁面

在其他應用服務器，傳輸實時日志

tail -f /tomcat/logs/catalina.out | nc -n {websocket-server} 10088

關閉實時日志

在目標服務器中 kill nc pkill -x nc

在 websocket server 中 kill nc pkill -x nc

直接刷新瀏覽器的日志瀏覽頁面

總結

以上是生活随笔為你收集整理的html实时显示log,websocketd 实现浏览器查看服务器实时日志的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。