安装配置使用PageSpy远程调试html项目和vue项目uniapp项目,更多项目接入等待后续更新

PageSpy
先放上项目的官网 这是一个可以远程查看控制台 并且可以回看控制台报错的项目 

比如小程序已经交付了 出错了 但是不方便查看控制台 就可以使用这个远程查看该项目的控制台 这只是其中之一的 功能非常强大 下面介绍安装配置的使用方法 

使用必须需要服务器一台 可以使用官方的 但是不够安全 使用下面的内容均为个人服务器 我以win10电脑举例子

1. 首先确保电脑上安装了node 本电脑的node版本为16

2. 项目配置

                html项目

                vue项目

需要在public目录下的index.html中

                uniapp项目
显示使用npm install @huolala-tech/page-spy-browser 这个包是浏览器中的使用的 下载 因为我实在浏览器中开发的 使用需要使用 这个 其他的平台编译的时候 加上uniapp 的条件编译 动态导入包即可  使用npm下载也是一样的 下面是其他平台的包
然后在uniapp的mian.js中导包 然后直接new即可 


最后 在上面的任何一个项目初始好了之后 直接访问192.168.1.90:6752 也就是服务器地址 右上角的远程调试 就可以看到远程的控制台了