一、通过F12开发者工具实现本地覆盖

1、打开要覆盖的网页，假设我们要覆盖百度的logo

JS逆向 -- 本地覆盖文件（两种方法）_选项卡

2、选择源代码选项卡，点击选择防止替换项的文件夹，随便选择一个文件夹即可

JS逆向 -- 本地覆盖文件（两种方法）_自动跳转_02

3、这里你可能会看到弹出的这个信息框，我们点击允许

JS逆向 -- 本地覆盖文件（两种方法）_重命名_03

JS逆向 -- 本地覆盖文件（两种方法）_自动跳转_04

4、点击网络选项卡，找到该logo图片

JS逆向 -- 本地覆盖文件（两种方法）_选项卡_05

5、右击该图片，选择保存并覆盖

JS逆向 -- 本地覆盖文件（两种方法）_自动跳转_06

6、此时，会自动跳转到了这里

JS逆向 -- 本地覆盖文件（两种方法）_自动跳转_07

7、进入上面的文件夹，随便找一张图片，重命名为要覆盖的文件，重新刷新页面

JS逆向 -- 本地覆盖文件（两种方法）_重命名_08

8、最后效果

JS逆向 -- 本地覆盖文件（两种方法）_选项卡_09

二、通过Fiddle实现覆盖

1、通过抓包，找到要替换的图片链接

JS逆向 -- 本地覆盖文件（两种方法）_选项卡_10

2、选中要替换的图片链接，打开AutoResponsder（自动响应）选显卡，点击Add Rule（添加规则）

JS逆向 -- 本地覆盖文件（两种方法）_自动跳转_11

3、点击下拉列表，选择Find a file（查找文件），选择我们要替换的图片

JS逆向 -- 本地覆盖文件（两种方法）_选项卡_12

4、点击Save，上面的框框全部勾选，重新刷新网页

JS逆向 -- 本地覆盖文件（两种方法）_重命名_13

5、实现效果和上面的一样，只是图片设置的大小什么不一样，所以看着比较变形

JS逆向 -- 本地覆盖文件（两种方法）_自动跳转_14


JS逆向 -- 本地覆盖文件（两种方法）_重命名_15