fiddler抓包工具的使用

  • 最好的学习fiddler的地方 http://docs.telerik.com/fiddler/configure-fiddler/tasks/configurefiddler

文件拦截

fiddler抓包工具的使用_第1张图片
选择需要拦截的文件.png

选着AutoResponder,将需要替换的文件拖动到AutoResponder区域

fiddler抓包工具的使用_第2张图片
拖动文件.png

选择需要替换的文件

fiddler抓包工具的使用_第3张图片
image.png

在 弹出的对话框中选择本地文件(本地文件会替换的拦截的文件,作为浏览器的响应)

fiddler抓包工具的使用_第4张图片
image.png
  • ctrl+f5 刷新页面,fiddler会拦截这个请求,将本地的文件渲染到浏览器

statistics面板使用

statistics 面板是分析网站性能的很好的工具

  • 清除面板数据 ctrl x
  • 刷新抓取网页
  • ctrl+a 获取多选列表 查看statistic面板数据
fiddler抓包工具的使用_第5张图片
image.png
fiddler抓包工具的使用_第6张图片
统计数据.png

QUICK EXPRESSION面板的使用

可以打断点,修改数据返回给浏览器

  • 输入 BPU css
  • 刷新浏览器 finddler拦截了css请求 此事浏览器处于pending状态


    fiddler抓包工具的使用_第7张图片
    image.png

    fiddler抓包工具的使用_第8张图片
    image.png
  • 双击fiddler的session list的拦截css那项
  • 选择其中一项 进入编辑或者 直接跳过(类似chrome的debugger)
    编辑可以直接修改返回的css文本进行操作


    fiddler抓包工具的使用_第9张图片
    image.png
  • 取消拦截 直接输入BPU


    image.png

你可能感兴趣的:(fiddler抓包工具的使用)