基于HTML5/websockets/javascript的实时日志文件查看器？
我正在寻找在使用html5或javascript的浏览器中运行的"tail -f“的等价物。
一个解决方案需要一个用HTML5/websockets/javascript编写的客户端代码和一个后端服务器端应用程序。我正在寻找一个在c#中，但我愿意重写它从php或python。
这是我见过的唯一能接近的东西
http://commavee.com/2007/04/13/ajax-logfile-tailer-viewer/
然而，现代浏览器有WebSockets，这使得问题变得简单得多。
http://www.websocket.org/echo.html
理想情况下，我希望拥有BareTail的一些功能
http://www.baremetalsoft.com/baretail/
例如行的颜色编码、排序和多文件跳转。
我找到了一个类似的帖子，其中有人正在寻找基于windows的日志文件程序
https://stackoverflow.com/questions/113121/best-tail-log-file-visualization-freeware-tool
有人有什么建议吗？
回答 2
Stack Overflow用户
发布于 2015-04-26 02:09:09
它与tail不完全一样，但https://log4sure.com的实时日志功能确实允许您实时监控客户端日志。你必须像拖尾一样适当地设置和做日志，但你可以看到所有的日志，包括关于你的客户端，示例浏览器，操作系统，国家等的额外信息。你也可以创建自己的自定义日志来记录东西。请查看网站上的演示，以获得更好的想法。
安装代码非常简单，最棒的是，它是免费的。
// set up
var _logServer;
(function() {
var ls = document.createElement('script');
ls.type = 'text/javascript';
ls.async = true;
ls.src = 'https://log4sure.com/ScriptsExt/log4sure-0.1.min.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ls, s);
ls.onload = function() {
// use your token here.
_logServer = new LogServer("use-your-token-here");
};
})();
// example for logging text
_logServer.logText("your log message goes here.")
// example for logging error
divide = function(numerator, divisor) {
try {
if (parseFloat(value) && parseFloat(divisor)) {
throw new TypeError("Invalid input", "myfile.js", 12, {
value: value,
divisor: divisor
});
} else {
if (divisor == 0) {
throw new RangeError("Divide by 0", "myfile.js", 15, {
value: value,
divisor: divisor
});
}
}
} catch (e) {
_logServer.logError(e.name, e.message, e.stack);
}
}
// another use of logError in window.onerror
// must be careful with window.onerror as you might be overwriting some one else's window.onerror functionality
// also someone else can overwrite window.onerror.
window.onerror = function(msg, url, line, column, err) {
// may want to check if url belongs to your javascript file
var data = {
url: url,
line: line,
column: column,
}
_logServer.logError(err.name, err.message, err.stack, data);
};
//example for custom logs
var foo = "some variable value";
var bar = "another variable value";
var flag = "false";
var temp = "yet another variable value";
_logServer.log(foo, bar, flag, temp);
Stack Overflow用户
发布于 2015-05-18 01:24:12
虽然我希望它有更好的实时跟踪和历史日志的JSON对象美化，但以下JS客户端也可以工作并支持您的服务器端需求：
https://github.com/logentries/le_js/wiki/API
<html lang="en">
<head>
<title>Your page</title>
<script src="/js/le.min.js"></script>
<script>
// Set up le.js
LE.init('YOUR-LOG-TOKEN');
</script>
</head>.
<script>
// log something
LE.log("Hello, logger!");
</script>然而，就我个人而言，为了让上面的代码正常工作，我不得不在LE.init('YOUR-LOG-TOKEN')的上方添加以下代码行
window.LEENDPOINT = 'js.logentries.com/v1'。。或者，Loggly也可能是合适的：https://www.loggly.com/docs/javascript/
https://stackoverflow.com/questions/11694591
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号