续上，Python 爬虫在 fiddler 中调用本地 JS 代码文件

发布于：2022-12-18 ⋅ 阅读:(490) ⋅ 点赞:(0)

⛳️ 实战场景

在前一篇博客 Python 爬虫，JS 逆向之 webpack 打包站点原理与实战中我们再次理解了一下 webpack 相关信息，本篇博客我们在为大家说明一下。

如何通过 fiddler 替换目标站点的 JS 为本地版本

换句话描述其场景是，让目标站点某些 JS 文件访问本地修改版。

正式开始前，你需要先准备一个 fiddler。

然后测试站点是： https://webpack.github.io/example-app/ ，该网站只有一个 JS 文件，代码如下。

<html>  <head>    <script      type="text/javascript"      charset="utf-8"      src="assets/main.js"    ></script>  </head>
  <body></body></html>

复制代码

接下来，我们就进行一下更换。

保存目标站点的 main.js 文件到本地，然后在代码文件中添加一行，然后将文件保存到本地任意位置，例如 D:\b_js\main.js 。

console.log("橡皮擦");

复制代码

接下来我们要对 fiddler 进行一些简单的配置，首先切换到 AutoResponder 选项卡，然后参考下述配置内容。

其中 enable rules 和 Unmatched requests passthrough 需要勾选，然后 Ruler Editer 编辑器按照下述内容设置。被替换文件

regex:.*?example-app/assets/main.js

复制代码

替换本地文件

D:\b_js\main.js

复制代码

由于使用 fiddler 进行本地 JS 替换，那还存在一个问题，就是跨域问题。

切换到 Filters 选项卡，然后按照下述序号进行配置。

最后一行的配置数据是 Access-Control-Allow-Origin ，参数值为 * 。

此时在回到页面进行刷新，会看到相应的 JS 文件已经被替换了，并且在控制台输出了如下信息。

小伙伴们有兴趣想了解内容和更多相关学习资料的请点赞收藏+评论转发+关注我，后面会有很多干货。
我有一些面试题、架构、设计类资料可以说是程序员面试必备！所有资料都整理到网盘了，需要的话欢迎下载！私信我回复【07】即可免费获取

原文出处：xie.infoq.cn/article/a7d8c6b584fab26889ba1fbbd