需求:本地操作,替换浏览器解析的静态资源
功能:1、实现静态资源的调试 2、实现部分静态资源的网络代理(将原本需要访问特定url的资源,改为自定义的url地址)
操作步骤
1、选择需要替换的静态资源
以百度首页https://www.baidu.com/ 的静态资源为例,此处随机选择该js作为远端静态资源
https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/components/hotsearch-e4c5a235c6.js。
可直接取文件名hotsearch-e4c5a235c6.js

2、打开fiddler
2.1 选中右侧上方的“Auto Responder”
2.2 勾选下方三个选项(Enable rules、Unmatched requests passthrough、Enable Latency)
2.3 点击按钮“Add Rule”

3、进行静态资源响应代理设置
3.1 确定要替换的远端资源,并且通过文件方式

下方是自己本地编辑的js文件,用于替换远端的静态资源(即本例中的hotsearch-e4c5a235c6.js)

3.2 设置完成

4、测试
4.1 需要清除浏览器缓存,否则浏览器默认会从其缓存加载之前的静态资源

4.2 重新进入测试页
可以看到远端的hotsearch-e4c5a235c6.js已有本地所替换

4.3 说明
如果发现没有成功,可能原因
4.3.1注意观察,浏览器是否获取的还是缓存数据,如下

4.3.2 fiddler代理已停止

解决办法:1、清理浏览器缓存 2、重启fiddler

参考文件:
https://blog.csdn.net/weixin_37615202/article/details/76228515

通过Fiddler实现部分静态资源代理相关推荐

  1. springboot自定义静态资源代理WebMvcConfigurerAdapter详解和过期后的替代方案WebMvcConfigurer

    最常用的跨域和静态资源代理 import org.springframework.context.annotation.Configuration; import org.springframewor ...

  2. 线上前端静态资源代理到本地的几种方式

    前言 我是一个小前端,前段时间开始支持集团监控平台业务. 当我拉下代码,开启本地服务,出现了一大堆请求错误. 原因是:本地的host是127.0.0.1,而接口调用的是线上数据. 接口的host和平台 ...

  3. nodejs01——安装及使用、服务端及客户端、commonjs规范、fs模块的使用(文件操作及目录操作)、stream、buffer、WebServer、端口、动态资源及静态资源、头信息、请求方式

    nodejs的安装及使用 服务端及客户端 commonjs规范 fs模块的使用(文件操作及目录操作) stream buffer // Node.js介绍 Node.js 诞生于2009年,Node. ...

  4. 解决nginx静态资源无法预览只能下载的问题

    解决nginx静态资源无法预览只能下载的问题 场景介绍 项目需求:用户登录web系统之后,如果有系统新消息产生,需用提示音告知用户,并且用户可以上传自己的个性化提示声音. 解决方案:用nginx静态代 ...

  5. 【原创】分布式之缓存击穿 【原创】自己动手实现静态资源服务器 【原创】自己动手实现JDK动态代理...

    [原创]分布式之缓存击穿 什么是缓存击穿 在谈论缓存击穿之前,我们先来回忆下从缓存中加载数据的逻辑,如下图所示 因此,如果黑客每次故意查询一个在缓存内必然不存在的数据,导致每次请求都要去存储层去查询, ...

  6. nginx静态资源反向代理

    nginx静态资源反向代理 server { listen 80; server_name music.didi365.com; index index.php index.html index.ht ...

  7. Charles学习(四)之使用Map local代理本地静态资源以及配置移动端代理在真机上调试iOS和Android客户端...

    前言 问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试也不想在模拟器中调试,我想要在真机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的 ...

  8. Charles学习(三)之使用Map local代理本地静态资源以及配置网页代理在Mac模拟器调试iOS客户端...

    前言 问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试,我想要在手机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的效果就是和Charl ...

  9. nginx 代理静态资源报 403

    用tomcat跑了一个上传服务,文件上传到指定nginx的html目录,用nginx来代理静态资源,结果上传能够成功,访问却报403. 解决办法,将html的拥有者改成nobody: chown -R ...

最新文章

  1. tomcat启动命令行窗口出现乱码的解决方法
  2. android 序列化 json,android 读取json 为什么不直接反序列化
  3. 前端学习(2249)注册 创建 拉取
  4. Nginx + Apache 公用 80 端口的配置方案。
  5. TBXML常用API
  6. 教你在Yii2.0框架中如何创建自定义小部件
  7. System Center 2012 R2 ——基础篇
  8. 解读业界5种主流的深度网络模型
  9. 前端和后端的英文_前端工程师一般都喜欢去哪些网站逛?
  10. 基于 PSO 算法解决 TSP 项目
  11. 吴恩达新书手稿完工,现在开放免费下载 | 资源
  12. 爬虫:Python爬虫学习笔记之Urllib库
  13. Vue + Spring Boot 项目实战(十三):使用 Shiro 实现用户信息加密与登录认证
  14. qt 实现PDF阅读器 (一)
  15. navicat 优化mysql_navicat怎么实现查询优化
  16. 【专栏推荐】硅谷产品实战36讲
  17. 请求跨域设置同时允许cookie跨域(携带cookie)
  18. 11. 集合set类型详解
  19. 显卡mx150和230哪个好_显卡mx150好吗_mx150和gt940mx对比
  20. 用vue-pdf包实现pdf文件预览,支持分页

热门文章

  1. 怎么卸载mysql????如何清理干净?
  2. 风险预测模型评价第二弹:NRI的R语言计算
  3. 数据,数据对象,数据元素,数据项的关系图
  4. java操作jacoco
  5. IDEA社区版(Community)和付费版(UItimate)的区别
  6. 简要分析“区块链+物联网”有哪些坎?
  7. CSS 层叠样式表(2)
  8. Debug和release版本区别 原码反码补码的转换及存储
  9. win10系统ipv6服务器地址,Win10关闭iPv6地址方法
  10. 贝叶斯方法和采样技术结合-MCMC-后验分布