fiddler代理本地前端资源

本文介绍如何使用Fiddler将线上环境中的前端资源(如JS、CSS等)代理到本地进行测试,适用于测试环境缺少数据的情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在测试过程中,经常遇到测试环境没有数据,线上有数据的情况,比如店铺系统,测试店铺没有商品数据,而线上有数据但是代码还不能上线,如果只是前端资源上线,比如js、css、html等,我们可以利用fiddler代理到本地资源进行测试。

首先,打开fiddler,打开浏览器,输入url访问,在fiddler中“ctrl+f”搜索你要代理的某个js



然后,你会看到你要搜索的js已经被标黄。直接拖动这个请求到右侧AutoResponse标签中。这时,你可以处理你的js了。

勾选AutoResponse标签中的:

Enable rules:开启重定向使规则生效,指的是代理到本地这个规则。

Umatched requests passthrough:不影响那些没满足我们处理条件的请求通过。

勾选上述勾选框


确定规则后,下一步,就要具体讲指定js代理到本地。选中要代理的js,在RuleEditor第二个下拉框中选中find a file..,选择本地的js文件,点击save





最后,刷新一下浏览器页面,即可看到已经代理到本地js



### 使用 Fiddler 抓取 TPShop 的网络请求数据 #### 准备工作 为了成功抓取 TPShop 的网络请求数据,需先配置好开发环境并安装必要的工具。以下是具体的操作说明: 1. **下载并安装 Fiddler** 下载地址可从官网获取[^2]。确保已正确安装最新版本。 2. **启动 Fiddler 并设置代理** 启动 Fiddler 后,默认会监听本地流量。如果需要捕获远程设备上的流量,则需要启用“Allow remote computers to connect”选项,并记录下当前机器的 IP 地址以及 Fiddler 默认使用的端口号(通常是 8888)。对于 HTTPS 请求还需要导出根证书到目标设备上以便解密加密流量[^3]。 3. **配置客户端浏览器或应用指向 Fiddler** 修改客户端浏览器或其他 HTTP 客户端程序中的代理设置,使其通过运行 Fiddler 的计算机作为中间节点发送所有 Web 流量。如果是手机或者其他外部设备连接至同一局域网内的电脑进行调试的话,请记得调整上述提到过的允许远程接入权限及相关防火墙策略等事项。 4. **验证配置是否生效** 打开任意网页,在 Fiddler 中应该能够看到对应的 GET 或 POST 请求及其详细信息被捕捉下来了。如果没有显示任何内容或者报错提示无法解析某些链接之类的警告消息时,请仔细检查前面几步是否有遗漏之处再重新尝试一次即可解决大部分常见问题情况下的失败原因分析过程如下所示: #### 实际操作步骤 当以上准备工作完成后就可以正式开始针对 Tpshop 进行具体的抓包动作啦! 1. 访问 `http://tpshop-test.itheima.net` 登录页面。 2. 输入账号密码提交表单触发 Post 请求行为的同时观察左侧 Sessions 列表里新增加了一条带有 Form URL-Encoded 类型 Body 数据项的新项目出来代表刚刚完成的一次完整的身份认证流程交互全过程都被完整记录了下来可供后续进一步深入研究学习之用了呢??[^4] ```python import requests url = 'http://tpshop-test.itheima.net/index.php?m=Home&c=User&a=do_login' data = { 'username': 'test_user', 'password': 'test_password', } response = requests.post(url, data=data) print(response.text) ``` 此段代码展示了如何利用 Python 的 Requests 库模拟向 Tpshop 发起登录请求的过程,其中包含了关键字段 username 和 password ,这正是我们需要关注的重点部分即所谓的 “业务数据”。实际工作中我们往往还会结合 Unittest 编写自动化测试脚本来批量执行类似的场景覆盖更多可能性从而提高工作效率减少重复劳动带来的枯燥感哦😎[^5]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值