基于 WebSocket 和 Vue 的前端遠程實時 LOG 工具，適用于移動和遠程調(diào)試

標簽：

JavaScript 前端工具 Vue.js

AirLog

https://github.com/bigggge/AirLog

基于 WebSocket 和 Vue 的前端远程实时 LOG 工具，适用于手机调试和远程调试

远程实时查看和筛选 LOG 信息
查看网页性能信息
可将 LOG 导出为 JSON 格式的文件

Install

npm install airlog

Run

Server

启动 airlog server , 可自定义端口号，默认为 3000

cd node_modules/airlog
node airlog-server.js 3000

Client

根据提示信息添加 script 标签，你可以配置 al-level , 默认为 default ,当设置为 error 时，将只打印错误信息

<script id="airlog" al-level="default" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://{your_host}:{your_port}/airlog-client.js"></script>

打开你配置的地址，如 localhost:3000 查看 LOG 信息。

點擊查看更多內(nèi)容