page-spy-web 一个方便的web 远程调试工具

page-spy-web 一个方便的web 远程调试工具,可以实现像chrome 一样debug 远程web,同时也提供了比较专业的web 管理

运行

  • docker-compose
version: "3"
services:
  app:
    image: ghcr.io/huolalatech/page-spy-web:release
    ports:
      - "6752:6752"

web 集成使用

  • index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo app</title>
    <script crossorigin="anonymous" src="http://localhost:6752/page-spy/index.min.js"></script>
</head>
<body>
 
    <button onclick='console.log("this is a demo")'>
       click
    </button>
    <script >
         window.$pageSpy = new PageSpy();
    </script>
 
</body>
</html>
  • server 效果


查看remote web 信息

说明

对于需要remote debug 的场景,remote 是一个不错的选择,对于h5 的开发,vConsole 是一个很不错的工具,但是缺少remote 能力,page-spy-web 是一个不错的选择

参考资料

https://github.com/HuolalaTech/page-spy-web
https://github.com/Tencent/vConsole

posted on   荣锋亮  阅读(331)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2021-12-19 WebSub 互联网分布式\订阅标准
2020-12-19 machine errgroup golang 方便并发编程包
2019-12-19 workerman docker 运行试用

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示