web 远程调试工具PageSpy 实战经验
PageSpy 是一款兼容 Web / 小程序 / React Native / 鸿蒙 App 等平台项目的开源调试平台。基于对原生 API 的封装，它将调用原生方法时的参数进行过滤、转化，整理成一定格式的消息供调试端消费；调试端收到消息数据后，提供类似本地控制台的功能界面将数据呈现出来。
docker方式部署
docker run -d --restart=always -v ./log:/app/log -v ./data:/app/data -p 6752:6752 --name="pageSpy" ghcr.io/huolalatech/page-spy-web:latestweb前端集成
<!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>系统截图
查看remote web 信息
其它
对于需要remote debug 的场景，remote 是一个不错的选择，对于h5 的开发，vConsole 是一个很不错的工具，但是缺少remote 能力，page-spy-web 是一个不错的选择
参考资料
https://github.com/HuolalaTech/page-spy-web
https://github.com/Tencent/vConsole
原文地址：https://blog.csdn.net/m0_63145562/article/details/143708288
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！