Resources Saver Extension (Chrome)

Chrome Extension for one click downloading all resources files and keeping folder structures.

---

How to use:

Load extension from unpacked2x folder as local package.

Chrome > Extensions > Manage Extensions

<p> <img src="https://github.com/up209d/ResourcesSaverExt/blob/master/guide.png?raw=true" alt="load-local-extension" /> </p>

Click Load unpacked button and select the unpacked2x directory

<p> <img src="https://github.com/up209d/ResourcesSaverExt/blob/master/select-unpacked2x-directory.png?raw=true" alt="select-unpacked2x-directory" /> </p>

Open Chrome DevTool Panel > Choose ResourceSaver Tab

<p> <img src="https://github.com/up209d/ResourcesSaverExt/blob/master/screenshot.png?raw=true" alt="resource-saver-dev-tool-panel" /> </p>

Saved website will have same structure as in remote server, you can use any http server tool to host the web content again eg. http-server

<p> <img src="https://github.com/up209d/ResourcesSaverExt/blob/master/screenshot2.png?raw=true" alt="resource-saver-dev-tool-panel" /> </p>

Development

Requirement

Make sure your Node.js version match with version in .nvmrc

Install yarn

Install dependencies

yarn

Build

yarn build

Project will be built output to unpacked2x