Fiddle 提交本地 js 文件进行调试

最近学爬虫,需要研究一些前端的 js 代码,但奈何本人 js 一窍不通,只能一点点地修改调试;但如何将本地修改的 js 文件提交到浏览器,又成了一个新的问题,幸好,Fiddle 为我们提供了这个方法,这里我记录了一下操作过程,以及过程中碰到的问题,希望能给大家带来帮助

  • 找到请求你要替换的 js 文件的请求
    Fiddle 提交本地 js 文件进行调试
    Fiddle 提交本地 js 文件进行调试
    我这里是通过 url 筛选的,一般 也可以用 ‘js’ ‘script’ 等关键字筛选
    Fiddle 提交本地 js 文件进行调试
    大家可以查看这个请求,验证一下
  • 将找到的请求拖到 AutoResponser
    Fiddle 提交本地 js 文件进行调试
    按照图片的提示操作,一定注意那个链接是 js 文件的链接,而不是请求的网址。
  • 清除网页缓存
    Fiddle 提交本地 js 文件进行调试
  • 刷新页面,到 console 中查看效果
    Fiddle 提交本地 js 文件进行调试
    这是我本地 js 文件的效果,打印了一个字符串
    Fiddle 提交本地 js 文件进行调试
    这是我添加的代码
  • 最后,稍作总结一下(都是我踩过的坑,/(ㄒoㄒ)/~~)

    1. 整个过程中 Fiddle 一直作为浏览器的代理,可以查看浏览器的 Remote Address 应该为本机环回地址 127.0.0.1:8888
    2. Rule Edit 时,响应的链接需是对应的 js 文件的链接,不要错设为请求的 Request URL
    3. 刷新之前,要将浏览器的缓存清除