身为前端仔，你竟然不会用fiddler？！ （二）——监听手机请求和代理手机的资源

上一次说fiddler的时候，就简单地介绍了一下它的厉害的代理抓包功能。今天就说一下如何用fiddler来监听手机请求和代理手机的资源。

1.首先配置 fiddler允许“远程连接”

菜单栏Tools-->FiddlerOptions-->Connections

选中"Allowremote computers to connect".  是允许别的机器把HTTP/HTTPS请求发送到Fiddler上来。

2.然后ping一下自己电脑的ip

电脑开始菜单-->运行-->输入cmd -->输入 ipconfig

3.手机端证书的安装

操作步骤：

1.假如我安装了Fiddler的机器的IP地址是: 172.19.41.99（如上面那个步骤ping出来的ip地址）

2. 打开IPhone 的Safari, 访问  http:// 172.19.41.99:8888，点"FiddlerRoot certificate"然后安装证书

4 配置手机上面的代理为fiddler

设置-->Wi-Fi-->Xiaomi_YN-21(这个是我搭建的热点)-->http代理-->手动

看看效果

用手机打开百度的网址：

Fiddler马上能监听到m.baidu.com的请求

有了这个代理，你就可以代理js，css,图片，甚至可以调试手机页面。

其他手机代理设置方法类似，不再一一截图。

最后的注意点：

用完以后，记得把手机上的Fiddler代理关闭，以免手机上不了网。

Author: Alone

Antroduction: 高级前端开发工程师

Sign: 人生没有失败，只有没到的成功。

博主相关文章推荐：

身为前端仔，你竟然不会用fiddler？！

你有想过30几岁后的前端路吗

这些年帮过我的前端框架（实用篇）

移动端上下滑动事件之--坑爹的touch.js

轻轻谈一下seaJs——模块化开发的利器

有趣的前端题目，看了不后悔

移动端前端开发概述

浅谈
标签的语义化

浅谈鼠标滚轮事件

不积跬步无以至千里----高度自适应的textarea

sass和less，优秀的前端样式预处理器

视差滚动的那些事儿

关于那些常见的坑爹的小bug

时间： 2024-10-25 08:08:13

身为前端仔，你竟然不会用fiddler？！ （二）——监听手机请求和代理手机的资源的相关文章

身为前端，你竟然不会用fiddler？！

题目有一些激进.但是在前端界打滚了这么多年,fiddler一直都是陪着我走过来了.它就是一个抓包神奇,代理神器.它的厉害之处,我简单地说一下,希望你们看了以后,能点上32个赞. 1.fiddler为何物?(下载链接:http://www.baidu.com/s?word=fiddler&tn=sitehao123&ie=utf-8&f=3&rsp=1) 度娘又出来说话了:Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设

身为前端仔，你竟然不会用fiddler？！

题目有一些激进.但是在前端界打滚了这么多年,fiddler一直都是陪着我走过来了.它就是一个抓包神奇,代理神器.它的厉害之处,我简单地说一下,希望你们看了以后,能点上32个赞. 1.fiddler为何物?(下载链接:http://www.baidu.com/s?word=fiddler&tn=sitehao123&ie=utf-8&f=3&rsp=1) 度娘又出来说话了:Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设

前端简单实现校招笔试'作弊监听'功能

一. 监听你的页面活动 最近校招笔试如火如荼地开展.各种小心思都浮上来了:"我就查一道".小心翼翼按了一下tab切换(mac用三爪),Document.visibilityState开始工作了."监测到你切换页面,超过xx次将影响你的成绩(希望你自重)" 二. visibilityState 值 描述 visible 此时页面内容至少是部分可见. 即此页面在前景标签页中,并且窗口没有最小化. hidden 此时页面对用户不可见. 即文档处于背景标签页或者窗口处于最小

vue 前端处理监听关键字搜索

根据组件的业务需要,有时候搜索是把关键字返回给后台,后台处理后再把数据返回给前端渲染(多次请求服务器):有时候是前端把页面的数据全部获取下来,前端处理关键字的搜索(影响页面加载) 我这个文章是介绍第二种情况,主要是要先了解es6的filter()和includes() filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素.不会对空数组进行检测.不会改变原始数组. array.filter(function(currentValue,index,arr),

表单、条件、循环指令，分隔符，前端数据库，过滤器，计算属性，监听属性，冒泡排序

目录 一. 表单指令 1. v-model = "变量" (1)普通input框 (2)单选input框 (3)单一复选input框 (4)多复选input框 2. 实例 二.条件指令 1. v-show="布尔变量" 2. v-if="布尔变量" 3. v-if v-else-if v-else 4. 实例 三.循环指令 1. v-for="变量 in 可迭代对象" (1)遍历字符串或数组 (2)遍历对象(字典) 2. 实例

清除页面广告？身为前端，自己做一款简易的Chrome扩展吧

大家肯定有这样的经历,浏览网页的时候,左右两端广告,诸如“屠龙宝刀,点击就送”,以及最近火的不行的林子聪37传奇霸业什么“霸业面具,霸业吊坠”的魔性广告总是充斥我们的眼球. 当然有现成的插件可以清除页面广告,但是既然身为一名程序猿,尤其是FEDer,为什么不尝试一下自己写一个清除广告的插件呢.其实,编写一个浏览器插件十分简单,尤其是chrome插件,可以完全使用前端技术(HTML/CSS/JS)完成一个自己编写的插件.让我们一步一步,学习一下如何编写一个简单的清除广告的插件,跟烦人的页面广告sa

身为前端开发工程师，你需要了解的搜索引擎优化SEO.

网站url网站创建具有良好描述性.规范.简单的url,有利于用户更方便的记忆和判断网页的内容,也有利于搜索引擎更有效的抓取您的网站.网站设计之初,就应该有合理的url规划. 处理方式: 1.在系统中只使用正常形式url,不让用户接触到非正常形式的url. 2.不把session id.统计代码等不必要的内容放在url中. 3.不同形式的url,301永久跳转到正常形式. 4.防止用户输错而启用的备用域名,301永久跳转到主域名. 5.使用robots.txt禁止Baiduspider抓取您不想向

前端跨域之Jsonp的原生请求和Jquery的ajax请求，简单易懂。

前言 :本文示例部署在XAMPP建站集成软件包上,在localhost环境下进行测试 1.什么是跨域 由于浏览器同源策略,凡是发送请求url的协议.域名.端口三者之间任意一与当前页面地址不同即为跨域.存在跨域的情况 : (1)网络协议不同,如http协议访问https协议. (2)端口不同,如8080端口访问3000端口. (3)域名不同,如aaaa.com访问bbbb.com. (4)子域名不同,如java.ddd.com访问qianduan.ddd.com. (5)域名和域名对应ip,如ww

Web前端三大框架_angular.js 6.0（二）

Web前端三大框架_angular.js 6.0(一)点击阅读angular第一天昵称,领取全套angular视频教程一.Angular 6.0 1.1样式html中引入样式:内嵌式,外链式,行内式. ng6中组件引入样式的方式也有三种: 外链式 ng6中,已经将css预编译语言配置出来了,因此我们可以直接使用他们 在组件注解类中,通过styleUrls引入样式文件,是一个数组,可以引入多个文件 如果引入的是.css文件,就是css语法 如果引入的是.less文件,就是less语法 如果引入的是