zoukankan      html  css  js  c++  java
  • 使用Fiddler代理调试本地手机页面

    从事前端开发的同学一定对 Fiddler 不陌生,它是一个非常强大的http(s)协议分析工具。我们知道如何在电脑上调试页面请求,但在手机端你没有这么多强大好用的调试工具来调试你的webapp,如果你需要查看在手机上打开页面时,所产生的http请求却又不知道怎么做,那就继续往下看。(当然,大部分情况下,你可以直接在电脑上用Chrome或Firefox模拟手机浏览器来看)

    Fiddler支持代理的功能,也就是说你所有的http请求都可以通过它来转发,Fiddler代理默认使用端口8888,不知道的同学有可能因此无法使用翻墙,因为端口冲突。利用这点,我们可以在手机端设置http代理为Fiddler的代理服务器,使得手机应用的请求都通过Fiddler来转发,从而实现查看手机端页面请求的功能。

    1,安装设置Fiddler

    (1)首先我们打开Fiddler->Tools->Fiddler Options在HTTPS面板里将Decry HTTPS traffic和Ignore server certificate errors(unsafe)勾选起来,确定。

    (2)其次Fiddler->Tools->Fiddler Options在Connection面板里将Allow remote computers to connect勾选起来,端口使用默认8888,确定后,关闭Fiddler并重新打开Fiddler。

    (3)为了确保代理是正常工作的,我们可以在cmd里执行netstat -anop tcp查看Fiddler进程是否正常监听8888端口,如果服务没有正常开启,可以尝试使用其他端口,端口修改的位置,如上图位置。

    从上图我们看到,进程ID为8392的Fiddler正在监听8888端口,说明代理已经在工作了。那么接下来我们要把手机端的代理设置为Fiddler的代理,代理设置需要一个ip和一个端口,ip就是Fiddler所运行的电脑的局域网ip地址,端口默认是Fiddler代理的端口8888,请确保手机所在的网段可以访问到电脑所在的网段,同一个局域网里一般没什么问题。

    2, 手机访问本地环境(手机和电脑必须是同一个局域网络,常用方法是连接同一个网络或者电脑开启热点)

    在电脑上利用360免费wifi开启热点,比如hello_111/123456,利用手机连接这个无线网络后,选择修改网络,显示高级选项,代理服务器主机名输入以太网适配器,以太网2的ip地址,代理服务器端口输入8888。

    3,在手机上访问本地环境下h5页面,进行调试。

    注:大部分服务升级https了,所以代理需要支持https,在fiddler中生成密钥,客户端(手机)下载密钥后,即可正常访问。

    tools-fiddler options--https---Actions---Trust Root certificate即可。

    手机端浏览器中输入198.168.11.10:8888(电脑ip加代理端口),会打开fiddler echo service页面,选择you can download fiddler  root certificCate ,即可手机端下载密钥。即可正常访问。

    手机可以连接笔记本,也可以连接笔记本所处同一局域网,代理服务器填写笔记本ip即可。

    有时手机连不上电脑,需要将电脑防火墙关闭。

  • 相关阅读:
    Oracle学习(四)--sql及sql分类讲解
    Oracle学习(三)--数据类型及常用sql语句
    Oracle学习(二)--启动与关闭
    Tomcat学习笔记--启动成功访问报404错误
    有关Transaction not successfully started问题解决办法
    百度富文本编辑器UEditor1.3上传图片附件等
    hibernate+junit测试实体类生成数据库表
    js登录与注册验证
    SVN安装配置与使用
    [LeetCode] #38 Combination Sum
  • 原文地址:https://www.cnblogs.com/usa007lhy/p/5488499.html
Copyright © 2011-2022 走看看