广东网站建设公司排名,营销型网站建设网站,苏州网站设计哪家公司好,进行网站建设视频教程文章目录 前言一、搭建PageSpy环境二、接入SDK三、进行远程调试调试控制台网络抓包审查元素 四、延伸 前言
Tauri在Rust圈内成名已久#xff0c;凭借Rust的可靠性#xff0c;使用系统原生的Webview构建更小的App 以及开发人员可以灵活的使用各种前端框架而一战成名。
然而凭借Rust的可靠性使用系统原生的Webview构建更小的App 以及开发人员可以灵活的使用各种前端框架而一战成名。
然而这款年轻的框架却有着大量的问题待解决在这种情况下他竟然还出了2.0想要支持安卓和苹果端在我看来步子还是跨的挺大的有一个相当棘手的问题就是文档资料严重跟不上大量内容需要用户主动去探索并且出了问题也只能是自己解决。
不论如何既然选择了Tauri那就要解决这些麻烦。 本节内容为使用Tauri App使用远程调试功能借助PageSpy提供的强大功能Tauri可以很方便的调试自己的App除断点调试无法实现外抓包元素审查查看localstorage以及查看系统特性等功能都是可以使用的基本可以满足调试要求并且接入相当简单推荐大家在使用Tauri调试移动端时使用。比如安卓tauri是可以读logcat的但是总是会输出一些无关信息影响开发效率还是这种Chrome开发这工具的更方便但logcat你也得学会看这只是方不方便的区别 一、搭建PageSpy环境
第一步先搭建PageSpy环境首先找官方仓库你只要在Github搜 page-spy-web 就可以了当然也可以直接使用我的命令前提是得有docker或者podman。
# docker 部署
docker run -d --restartalways -p 6752:6752 --namepageSpy ghcr.io/huolalatech/page-spy-web:release
# podman 部署
podman run -d --restartalways -p 6752:6752 --namepageSpy ghcr.io/huolalatech/page-spy-web:release你也可以使用Node来部署
yarn global add huolala-tech/page-spy-api
# 如果你使用 npm
npm install -g huolala-tech/page-spy-api安装完只要命令行运行page-spy-api启动服务然后访问ip:6752就可以了。 打开页面显示
二、接入SDK
点击接入SDK就会出现 然后在Tauri的src目录下前端目录找到index.html添加这些内容
script crossoriginanonymous srchttp://localhost:6752/page-spy/index.min.js/script
scriptwindow.$pageSpy new PageSpy();
/scriptlocalhost换成你的远程地址才可用 三、进行远程调试
此时运行你的项目会出现一个logo 表明已经连接到远程调试了然后在PageSpy的Web页面进入房间页面就会有你的设备 选中你的设备调试即可。 能做Tauri开发说明你已经是个老玩家了这个界面会相当熟悉新手也不用慌可以F12玩玩你的开发者工具。
调试控制台
控制台查看调试输出的内容以及进行一些js命令的运行。
网络抓包
抓取请求响应调试必备。
审查元素 四、延伸
PageSpy功能很强大基本上利用Webview来实现跨端App的都可以拿来调试如果开发工具没有像Uniapp一样自带真机调试功能使用这种远程调试还是很值得的而且想要去除也是相当容易。