利用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的进行调试了-----------------------------

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持澳门金沙网上娱乐。

相关文章

  • 完美实现bootstrap分页查询

    完美实现bootstrap分页查询

    这篇文章主要介绍了一个完美的bootstrap分页查询,如何利用bootstrap实现分页查询,本文将为大家进行揭晓
    2015-12-12
  • JS基于构造函数实现的菜单滑动显隐效果【测试可用】

    JS基于构造函数实现的菜单滑动显隐效果【测试可用】

    这篇文章主要介绍了JS基于构造函数实现的菜单滑动显隐效果,可实现基本的菜单折叠与展开功能,涉及javascript响应鼠标事件动态操作页面元素的相关技巧,需要的朋友可以参考下
    2016-06-06
  • 让IE6支持min-width和max-width的方法

    让IE6支持min-width和max-width的方法

    让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性
    2010-06-06
  • xmlplus组件设计系列之下拉刷新(PullRefresh)(6)

    xmlplus组件设计系列之下拉刷新(PullRefresh)(6)

    xmlplus 是一个JavaScript框架,用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之下拉刷新,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 常用的js验证和数据处理总结

    常用的js验证和数据处理总结

    遇到需要对数据及表单验证的,我相信大家都像我一样,喜欢在网上找相关的方法,因为自己写的话,是比较耗时的。今天就给大家分享一下,自己在工作中总结的一些常用的js。
    2016-08-08
  • echartsx轴区间的数值实例代码详解

    echartsx轴区间的数值实例代码详解

    这篇文章主要介绍了echartsx轴区间的数值,本文给出了实现实例及实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-07-07
  • JS+canvas绘制的动态机械表动画效果

    JS+canvas绘制的动态机械表动画效果

    这篇文章主要介绍了JS+canvas绘制的动态机械表动画效果,涉及javascript结合HTML5 canvas简单数值计算与动态绘图相关操作技巧,需要的朋友可以参考下
    2017-09-09
  • google地图的路线实现代码

    google地图的路线实现代码,大家可以参考下,实现自己想要的功能。
    2009-08-08
  • JavaScript仿支付宝6位数字密码输入框

    JavaScript仿支付宝6位数字密码输入框

    最近做了一个项目,涉及到某宝购物支付密码的输入框功能,下面小编把实现思路分享到澳门金沙网上娱乐平台供大家参考
    2016-12-12
  • BootStrap Fileinput的使用教程

    BootStrap Fileinput的使用教程

    bootstrap-fileinput是基于bootstrap的上传控件。此控件在网上可以找到很多例子,接下来通过本文给大家分享bootstrap fileinput的使用教程,非常不错,感兴趣的朋友一起看看吧
    2016-12-12

最新评论