Chrome浏览器离线调试WebView页面

本文分享了一种便捷的移动端前端调试方法,通过使用Chrome浏览器的inspect功能结合离线调试包,实现在无需真机运行的情况下对App进行高效调试,特别适用于涉及原生文件上传功能的场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先说明,本人是一个才入门前端一年的萌新,在此就不分享技术,只给大家分享一个自己使用很方便的东西。

开发过移动端的前端小伙伴应该知道我们在App的实际开发还是有很多需要和原生共同开发,这里我们就说上传文件吧,我们的上传文件是由原生上传文件,然后把参数返回给我们前端,这个地方的上传文件因为是原生,所以我们必须打包成APP,这时我们就可以手机打开USB调试并且连接至计算机 然后打开Chrome浏览器在地址栏输入 Chrome://inspect 记得我们需要打开需要调试的软件 然后回车 如果不出意外会出现

然后我们点击你需要调试的页面,打开后你可能会出现白屏,在这个地方我们需要fq,fq我就不分享大家自己百度,如果有不想fq的同学我们可以使用我们的离线调试包,首先我们需要下载我们的离线包,下载后我们在浏览器上输入 chrome://appcache-internals 如果不出意外我们会看见
然后复制红线圈出地址,在文件地址栏打开
我们离线包里面的文件替换掉原目录文件,差不多此时我们就算完成了。 现在我们打开Chrome浏览器 地址栏输入 Chrome://inspect 并且点击 我们需要调试的页面你会发现打开的地址进入了我们熟悉的Chrome浏览器调试页面
下面我们就可以为所欲为的调试

感谢把这种调试分享给我的大神

附离线包地址:download.youkuaiyun.com/download/qq…

获取邮箱(看见了就会发给你,也可以评论区留下你的邮箱):wangqisir@foxmail.com

转载于:https://juejin.im/post/5bbf29ed5188255c6d0dad97

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值