https://my.oschina.net/colben/blog/1632859
下载 websocketd
websocketd-0.3.0-linux_amd64.zip
创建 index.html
<!DOCTYPE html>
<html>
<head>
<style>
body{
/*background-color: #0e1012;color: #ffffff;*/
background-color: rgba(247,244,233,1);color:#333
}
*{
margin: 0; padding: 0;
}
#msg{
/*overflow:auto; border:1px solid #303030; color:#ffffff; background-color: #2b2b2b; font-size: 13px; position: absolute; left: 2px; right: 2px; bottom: 2px; top: 200px; word-break:*/
overflow:auto; font-size: 13px; position: absolute; left: 1px; right: 1px; bottom: 2px; top: 2px; 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;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<!--<div id="log"><span><b>实时日志</b></span>
<button id="sttBtn" type="button">Start</button>
<button id="stpBtn" type="button">Stop</button>
</div>
-->
<div id="msg"><ul class="list"></ul></div>
<script>
$(document).ready(function() {
if (!window.WebSocket) {
if (window.MozWebSocket) {
window.WebSocket = window.MozWebSocket;
} else {
$('#msg').append("<p>你的浏览器不支持websocket</p>");
}
}
var wshost = window.location.host;
var ws = new WebSocket('ws://'+wshost+'/websocket/');
ws.onopen = function(evt) {
$('.list').append('<li>websocket......</li>');
}
ws.onmessage = function(evt) {
$('.list').append('<li>' + evt.data + '</li>');
setTimeout(function(){$('#msg').scrollTop($('.list').height()-$('#msg').height());}, 100)
}
$("#msgBtn").click(function(){
$(".list").html("");
})
$("#sttBtn").click(function(){
window.location.reload();
})
$("#stpBtn").click(function(){
//alert(ws.readyState);
ws.close();
})
var scrollFunc = function (e) {
var angle = 0 ;
if (e.wheelDelta) {//IE/Opera/Chrome
angle = e.wheelDelta;
} else if (e.detail) {//Firefox
angle = e.detail;
}
if(angle>0 && ws.readyState!=3) {
ws.close();
}
if(angle<0) {
var bsH = $('#msg').height(); // 943
var scrH = $('#msg').scrollTop();// 3375
var actH = $('.list').height();
if(bsH + scrH == actH){
console.log("bsH: "+bsH+", scrH: "+scrH+", actH: "+actH);
//alert("bsH: "+bsH+", scrH: "+scrH+", actH: "+actH);
window.location.reload();
}
}
}
if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
document.onmousewheel = scrollFunc; //IE/Opera/Chrome/Safari
});
</script>
</body>
</html>
启动 websocketd
./websocketd --port=8018 --staticdir=. tail -200f /export/Domains/xxxx/server1/logs/catalina.out
在浏览器中打开日志浏览页面
852
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
