一些站长在建站的时候,会对目标网站进行仿站,而仿站需要依次下载目标网站的的图片、css、js等资源,如果一个个手动下载,工作会很繁琐。以前用过的一些仿站工具有时候会打乱目录结构。而且我不太喜欢自己电脑有太多软件,所以更倾向与是在线扒站工具,不过今天发现一个更好用的仿站工具:
一、chrome仿站插件:
Save All Resources
插件地址:
https://chrome.google.com/webstore/detail/save-all-resources/abpdnfjocnmdomablahdcfnoggeeiedb
安装之后,浏览器右上角点击插件图标,会显示:
翻译:
该扩展程序在 devtool 环境中运行,因此它可以读取资源的信息。您需要重新启动浏览器或重新打开开发人员工具面板,然后切换到 Resource Saver 选项卡。
当您的当前选项卡位于 url https://chrome.google.com/* 上时,ResourceSaver 选项卡将无法在 devtool 面板中使用
切换版本
它在隐身模式下不起作用。您需要重新启动 devtool 面板才能切换版本。
二、Save All Resources使用教程:
这个仿站插件的使用很简单,按照你平时的仿站流程,首先打开需要仿的目标网站,然后右键“检查”,审查元素。选择最后一个选项“ResourcesSaver”,然后勾选自己的下载选项,点击“Save Aii Resources”下载压缩包即可。
前端开发常用的 IDE 是 VsCode,我们需要打开浏览器进行预览和调试静态页面,有了 Live Server ,就可以解决你的问题了。
这个插件就可以实现静态、动态页面的实时预览,保存就能看见页面更新,不需要手动去刷新。
用 VsCode 打开