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

⛳️ 实战场景

在前一篇博客 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 文件已经被替换了，并且在控制台输出了如下信息。

📣📣📣📣📣📣右下角有个大拇指，点赞的漂亮加倍

发布于: 刚刚阅读数: 3

关注

爬虫 100 例作者，蓝桥签约作者，博客专家 2021.02.06 加入

6 年产品经理+教学经验，3 年互联网项目管理经验；互联网资深爱好者；沉迷各种技术无法自拔，导致年龄被困在 25 岁； CSDN 爬虫 100 例作者。个人公众号“梦想橡皮擦”。

发布

暂无评论