利用Vconsole和Fillder进行移动端抓包调试方法
更新时间：2019年03月05日 14:57:58 作者：darkCode
这篇文章主要介绍了利用Vconsole和Fillder进行移动端抓包调试，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
在开发中，有时候我们需要在手机上进行测试，可是如果遇到bug，我们怎么进行抓包调试呢？这里介绍两种方式：
- Vconsole
- Fillder
利用Vconsole进行调试
一个轻量、可拓展、针对手机网页的前端开发者调试面板
Vconsole特性：
- 查看 console 日志
- 查看网络请求
- 手动执行 JS 命令行
- 自定义插件
入门
①首先需要下载Vconsole,地址https://www.npmjs.com/package/vconsole
②
npm install vconsole
③ Import dist/vconsole.min.js to your project:
<script src="path/to/vconsole.min.js"></script>
<script>
// init vConsole
var vConsole = new VConsole();
console.log('Hello Vconsole');
</script>
利用Fillder进行调试
打开Fiddler，然后点击菜单栏的Tools > Options，打开“Options”对话框
在打开的对话框中切换到“HTTPS”选项卡。
在打开的“HTTPS”选项卡中，勾选“Capture HTTPS CONNECTs”和“Decrypt HTTPS traffic”前面的复选框，然后点击“OK”。
Connection勾选允许远程连接
配置host文件：C:\Windows\System32\drivers\etc(该操作视情况而定)
重启fiddler
用一个wifi设置手机代理,服务器地址为自己电脑的IP，端口跟fiddler一致（默认8888）
用手机浏览器 打开IP：端口号，下载证书
安装完证书后，连接设置了代理的wifi
--------------可以happy的进行调试了-----------------------------
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
通过Javascript将数据导出到外部Excel文档的函数代码
通过Javascript将数据导出到外部Excel文档的函数代码，需要的朋友可以参考下2012-06-06
今天小编就为大家分享一篇使用js实现将后台传入的json数据放在前台显示，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了JavaScript实时更新当前的时间的示例代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
bootstrap table表格插件之服务器端分页实例代码
Bootstrap Table是基于Bootstrap的轻量级表格插件，只需要简单的配置就可以实现强大的支持固定表头、单复选、排序、分页、搜索以及自定义表头等功能。这篇文章主要介绍了bootstrap table表格插件之服务器端分页实例代码,需要的朋友可以参考下2018-09-09
在小程序开发中 经常需要我们自定义字体样式,下面这篇文章主要给大家介绍了关于微信小程序开发指南之字体样式设置的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下2023-03-03
最近写一个功能，需要用到点击空白层就让指定的一个层消失，这里简单介绍下实现方法，需要的朋友可以参考下2007-05-05
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
这篇文章主要介绍了JavaScript控制输入框中只能输入中文、数字和英文的方法,基于正则验证实现字符输入限制功能,具有一定参考借鉴价值,需要的朋友可以参考下2017-03-03
本文主要介绍了js实现下拉框效果的方法实例。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
CascadeView级联组件实现思路详解(分离思想和单链表)
本文介绍自己最近做省市级联的类似的级联功能的实现思路，为了尽可能地做到职责分离跟表现与行为分离，这个功能拆分成了2个组件并用到了单链表来实现关键的级联逻辑，下一段有演示效果的gif图2016-04-04
这篇文章主要为大家详细介绍了JS实现拼图游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
最新评论