失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 移动端真机页面样式问题排查工具whistle和web页面接口抓包工具fiddler

移动端真机页面样式问题排查工具whistle和web页面接口抓包工具fiddler

时间:2019-08-26 18:08:27

相关推荐

移动端真机页面样式问题排查工具whistle和web页面接口抓包工具fiddler

安装

npm install whistle -g

启动工具,抓包工具默认端口8899,地址默认本机ipv4地址

w2 start -p 8899 // 默认8899

关闭工具,重启工具

w2 stop // 关闭w2 restart // 重启

启动成功后,根据提示的ip+端口地址打开抓包页面

// 1.点击create创建需要抓包的页面,并在链接之后空格输入weinre://test weinre://test// 2.创建成功后打开Weinre选择创建成功的页面// 3.真机和pc在同一局域网,win10开热点手机连接或者电脑和手机连接同一个wifi,编辑手机连接wifi设置代理,代理ip为pc的ip,端口为启动whistle时设置的端口,默认8899// 4.在真机中打开创建的页面,在Weinre页面即可抓取到html页面css样式

抓接口调用还是fiddler好用些,pc和移动端均可

// 1.下载安装fiddler// 2.pc端抓包,打开软件即可使用// 3.移动端抓包,打开软件,手机和pc在同一局域网内,配置手机wifi代理ip为pc的ipv4地址,fiddler端口默认为8888,手机打开web页面即可进行抓包// 4.fiddler不仅可以进行抓包,还可以进行接口劫持mock数据

vconsole插件

如果觉得《移动端真机页面样式问题排查工具whistle和web页面接口抓包工具fiddler》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。