博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于spy-debugger
阅读量:5734 次
发布时间:2019-06-18

本文共 662 字,大约阅读时间需要 2 分钟。

今天早上在微信公众号中看到《9102 了,你还不会移动端真机调试?》这篇文章。顿时就像在沙漠中看到了一片森林一样的感觉。因为之前做过手机端的网页和微信公众号的东西,因为手机上没有控制台,样式什么的调整不了,打印出来的东西不能看到,只能借助alert()来调试。这篇文章真的是给我送来了一泓清水。

by 2019.03.29

若只是单纯的看效果有两种方法

1.使用本机ip+端口号来访问网页

2.使用草料网https://cli.im/, 需要保持在同个局域网下,使用相同的wifi(这种方法在第一种方法下显得有点鸡肋)

接下来正式介绍spy-debugger

一.安装:

npm install –g spy-debugger

二.启动:

spy-debugger

三.设置手机的HTTP代理:

Android设置步骤:设置 - WLAN - 长按选中网络(电脑所连的wifi) - 修改网络 - 高级 - 代理设置 - 手动。

代理的地址为PC的IP地址,代理的端口为spy-debugger的启动端口,默认端口是 9888。 如果要指定端口:
spy-debugger–p8888

手机安装证书(node-mitmproxy CA根证书):

四.使用

在电脑端将要调试的项目跑起来。然后使用手机浏览器打开ip+端口号。在http://127.0.0.1:50686/ 就可以看到手机浏览器打开的页面,进而进行调试。

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

你可能感兴趣的文章
oracle查看经常使用的系统信息
查看>>
技术工坊|如何利用ERC875协议开发世界杯区块链门票?(北京)
查看>>
Django_4_视图
查看>>
Linux的netstat命令使用
查看>>
shell实例100例《五》
查看>>
lvm讲解,磁盘故障小案例
查看>>
24.5 saltstack远程执行命令
查看>>
配置IP
查看>>
大快网站:如何选择正确的hadoop版本
查看>>
经过这5大阶段,你离Java程序员就不远了!
查看>>
Nginx配置文件相关操作
查看>>
IntelliJ IDEA 连接数据库详细过程
查看>>
thymeleaf 学习笔记-基础篇
查看>>
分享话题列表
查看>>
PHP-X开发扩展
查看>>
android学习笔记——onSaveInstanceState的使用
查看>>
Windows Server 2003下cwRsyncServer服务端与cwRsync客户端数据
查看>>
iOS 打包上传没有用到日历,但是提示需要在info.plist文件中加入NSCalendarsUsageDescription...
查看>>
工作中如何做好技术积累
查看>>
怎么用sysLinux做U盘双PE+DOS??
查看>>