利用Chrome扩展程序,拦截相关js,修改后再加载,在前端获取图片列表,调用后端接口保存至本地
- 解决控制台不能使用的问题
- 不怎么完美的图片下载流程,未能从前端或后端独立完成
-
Chrome扩展程序 编译与加载
- 编译
npm run extension
- 访问 chrome://extensions/
- 开启 开发者模式
- 加载已解压的扩展程序 [项目目录]/extension/mzt
- 编译
-
启动本地服务
npm run crawler
-
Chrome访问 mmzztt.com/photo/[id] 页面点击页面顶部的【下载】链接
- 纯前端实现:图片下载403,Chrome扩展程序也无法伪造referer(或许是有方法而还没找到)
- 纯后端实现:图片文件名列表加密方式目前未能实现程序解决
- 目前用vue构建的,实际上完全不需要vue,本来是想熟悉vue3来的,现在有点疲了也不想再整了