Screenshots

Description

A lightweight webpage resource downloader that packages and downloads all webpage resources, including JS, CSS, HTML and images. Download JS, CSS, HTML, images, media, fonts and more with one click. A useful way to study website front-end source code and download webpage resources in one click. Why it was developed While developing 梦想划词翻译, I needed to analyze the target site's interfaces, so I created this extension to download front-end source code with one click and quickly search for relevant code and interfaces in an IDE. Instructions This extension runs in developer tools. How to use 1. Open Developer Tools with F12 or ⌥⌘I; 2. Click the "Resource Downloader" tab; 3. Click "Reload" to capture webpage traffic; 4. Click "Download Resources" to save all webpage resources; Special note After reviewing the log files in the ZIP archive, deleting them is recommended, especially files containing cookies. Log descriptions log.txt // Normal log of successfully packaged resources log.empty.txt // Log of links for which resources could not be retrieved log.excluded.txt // Excluded data and blob resources log.encoding.txt // Links encoded in base64 by the browser log.resources.json // List of resources retrieved by the browser (Firefox currently does not support this API) log.requests.json // Detailed browser request records, including cookies and some server response information log.har.json // Detailed HAR logs, including cookies and some server response information log.repeat.json // Links requested more than once If you find a bug, please leave feedback. Thank you!