资讯专栏INFORMATION COLUMN

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

张汉庆 / 1371人阅读

摘要:基于和的前端远程实时工具,适用于手机调试和远程调试远程实时查看和筛选信息查看网页性能信息可将导出为格式的文件启动可自定义端口号,默认为根据提示信息添加标签,你可以配置默认为当设置为时,将只打印错误信息打开你配置的地址,如查看信息。

https://github.com/bigggge/Ai...

基于 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 时,将只打印错误信息

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85096.html

相关文章

  • 手机调试利器 - 总结与实践

    摘要:一些调试工具说起手机端调试,相比大家都不陌生。能对手机进行远程调试,能操作,打印输出等。通过使用实现本地与远程调试器的通信。安装各种虚拟机在电脑上进行手机调试。服务端接收到手机发来的消息,把消息广播给所有客户端。 一些调试工具 说起手机端调试,相比大家都不陌生。 由于手机浏览器没有像PC端浏览器一样有开发调试工具,所以一般手机端的调试都要借助于电脑,现在的调试方式通常有以下几种。 直...

    JasinYip 评论0 收藏0
  • Fiddler助力微信开发调试

    摘要:下面介绍在微信开发调试方面的应用。微信网页开发中,由于有接口安全域名和授权域名等的限制,导致部分功能需要部署到线上才能测试。设置代理服务器打开微信开发者工具,设置代理设置选择手动设置代理。 Fiddler是一个非常强大的代理工具,可以让你的前端开发调试更加方便。下面介绍在微信开发调试方面的应用。 微信网页开发中,由于有js接口安全域名和授权域名等的限制,导致部分功能需要部署到线上才能测...

    mengera88 评论0 收藏0
  • 9102了,你还不会移动端真机调试

    摘要:移动端调试困难很多时候,我们在进行移动端开发时,都是先在端使用手机模拟器进行调试,没有问题后,我们才会在手机端的浏览器进行测试,这个时候,如果没有出现问题,皆大欢喜。 移动端调试困难 很多时候,我们在进行移动端开发时,都是先在PC端使用手机模拟器进行调试,没有问题后,我们才会在手机端的浏览器进行测试,这个时候,如果没有出现问题,皆大欢喜。但是一旦出现问题,我们就很难解决,因为缺乏可视化...

    lushan 评论0 收藏0
  • 超简单工具puer——“低碳”前后端分离开发

    摘要:本文有点大哈,相较于目前国内正流行起来的前端后移的前后端分离方案,本文介绍是一种低碳的版本,所以不要纠结于这个的正确性哈。碰到问题先看看有没有你的答案资源汇总推荐低碳的前端服务器工具推荐常用远程调试工具推荐工具,快速跳转到最常用的目录。 本文由作者郑海波授权网易云社区发布。 前几天,跟一同事(MIHTool作者)讨教了一下开发调试工具。其实个人觉得相较于定制一个类似MIHTool的Hy...

    Airy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<