/save-rendered-html-extension

Save Rendered HTML Chrome Extension - save the fully rendered HTML of the current tab

Primary LanguageJavaScriptMIT LicenseMIT

Save Rendered HTML Chrome Extension

Icon

This Chrome extension allows you to save the fully rendered HTML of the current tab by clicking a button in the extension's popup.

Features

  • Save the fully rendered HTML of the current tab as a file
  • Automatically generates a timestamped file name for the saved HTML

Demo

save-rendered-html-chrome-extension-demo-v1.1.1-20231107.mp4

Installation

  1. Download or clone this repository to your local machine.
  2. Open Google Chrome and navigate to chrome://extensions/.
  3. Enable "Developer mode" in the top right corner if it's not already enabled.
  4. Click the "Load unpacked" button in the top left corner.
  5. Browse to the folder containing the extension files and select it.

The extension should now be installed and visible in your Chrome extensions list.

Usage

  1. Visit a web page in Google Chrome.
  2. Click the extension's icon to open the popup.
  3. Click the "Save HTML" button to download the fully rendered HTML of the current tab as a file.

The file will be named rendered_html_<timestamp>.html, where <timestamp> is the current date and time in ISO 8601 format.

Screenshots

Screenshot 1 Screenshot 2 Screenshot 3

Troubleshooting

If the system's save file prompt doesn't appear when you click on the extension icon, try restarting Chrome. Reloading the extension (in dev mode) won't work.