Saves the current web page as one file with all external dependencies (style, script, images) downloaded and inlined

Latest Version

Version
1.5.0
Update
January 23, 2021
Size
56.62KiB
Developer
Category
Users
6,000+
Rating
2.9375 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
ContextMenus
Downloads
Storage
Tabs
*://*/*
See more

Page saver Extension

Saves a complete web page in its current state as one file with all external dependencies (scripts, stylesheets, images) inlined into the page.

Useful if you want to archive a page, test your website on any device or for SEO purposes.It's also useful to compute the footprint of your page: how much data does a first time visitor have to download?

Works perfectly with popular Javascript frameworks such as JQuery, Modernizr, AngularJS, Knockout, Bootstrap, etc.
Note that while an inlined page can still connect to JSON or XML webservices, the inlined page does not persist security information or sessions so you may run into authentication issues.

Version 1.5.0
* Better handling of relative file paths
* The browser action button is now clickable
* Lighter color scheme

Version 1.4.1
* Fixed: tags were skipped if not all lowercase

Version 1.4.0
* Vastly improved speed
* Resolved issues with inlining never ending
* Resolved issue with adblockers interfering with inlining
* Added support for images in and tags

Version 1.3.0
* Added: overlay with progress information and button to stop inlining and get the page immediately
* Added: when clicking on the Chrome menu icon, users get instructions to use the right-click menu

Version 1.2.2
* Fixed: timeout still fired even if the page was saved normally
* Fixed: illegal characters in downloaded file name
* Fixed: some problems with downloading resources are now fixed

Version 1.2.1
* Removed invalid characters from filename when saving the inlined page

Version 1.2
* Major rewrite for speed improvement
* Added options page
* Fixed problems that were preventing certain webpages from being inlined

Version 1.1.5
* Renamed to Page saver

Version 1.1.4
* Fixed: img tags without src attribute caused the inlining process to fail

Version 1.1.3
* Fixed: @import statements in stylesheets weren't processed
* Fixed: url() and @import statements in already inline stylesheets weren't processed
* Fixed: page output was saved with incorrect character encoding

Version 1.1.2
* Fixed: prevented process from halting when any resource couldn't be downloaded

Version 1.1.1
* Fixed: url() references in CSS that contained certain characters were not inlined

Version 1.1
* Fixed: url() references in CSS were not inlined
* Fixed: pages without external resources were not being saved
* Added: meta tag with source URL and timestamp
* Added: activity indication while inlining resources
* Changed: source URL is used to create filename

Version 1.0
* Initial release
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Page saver", "short_name": "PageSaver", "description": "Saves the current web page as one file with all external dependencies (style, script, images) downloaded and inlined", "version": "1.5.0", "browser_action": { "default_icon": "img/icon128.png", "default_popup": "html/info.html", "default_title": "Page Saver" }, "background": { "scripts": [ "js/background.js" ] }, "permissions": [ "activeTab", "contextMenus", "downloads", "storage", "tabs", "*://*/*" ], "content_security_policy": "script-src 'self'; object-src 'self'", "icons": { "128": "img/icon128.png" }, "options_page": "html/options.html"}
Read more

How to download and manually install Page saver extension for Chrome

Looking for a way to install Page saver extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Page saver extensions manually, this article outlines two simple methods to effortlessly install Page saver extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Page saver extension and manually install through Drag &Drop

If you ever need to manually install a Page saver extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Page saver Extension by clicking the "Download CRX" button on the website.

Look for the Page saver extension you wish to install. Go to the website and download the Page saver extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Page saver extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Page saver extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Page saver extension for Chrome and install in Developer Mode

This is another method to install Page saver extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Page saver extension file

Select and download the Page saver extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Page saver extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Page saver extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Page saver extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Page saver extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Save All Resources Extension · Developer Tools 6,000+ 335 ★ 4.73MiB

icon

Save Webpages Offline As MHTML Extension · Productivity 6,000+ 51 ★ 14.27KiB

icon

Single html downloader Extension · Productivity 6,000+ 31 ★ 61.71KiB

icon

SingleFile Extension · Productivity 6,000+ 959 ★ 1.06MiB

icon

Save Page WE Extension · Productivity 6,000+ 398 ★ 96.34KiB

icon

FullDownload Extension · Developer Tools 6,000+ 9 ★ 1.15MiB

icon

Clone Page Extension · Accessibility 6,000+ 9 ★ 24.97KiB

icon

Save As File Extension · Accessibility 6,000+ 6 ★ 31.58KiB

icon

Webpage Downloader Extension · Productivity 6,000+ 2 ★ 9.04KiB

icon

Resources downloader Extension · Productivity 6,000+ 18 ★ 200KiB

icon

Web Design Pirate Extension · Developer Tools 6,000+ 21 ★ 134KiB

icon

Save As MHTML Extension · Productivity 6,000+ 77 ★ 34.81KiB

icon

Save as MHTML (MIME HTML) Extension · Productivity 6,000+ 10 ★ 19.23KiB

icon

SingleFileZ Extension · Productivity 6,000+ 29 ★ 939KiB

icon

Just One File Extension · Productivity 6,000+ 9 ★ 15.7KiB

icon

web page preserver Extension · Developer Tools 6,000+ 3 ★ 42.5KiB

icon

WebSatchel - Your personal web archive! Extension · Productivity 6,000+ 15 ★ 236KiB

icon

WebScrapBook Extension · Productivity 6,000+ 84 ★ 519KiB

icon

Autosave webpage Extension · Developer Tools 6,000+ 24 ★ 171KiB

icon

Save as MHTML Extension · Developer Tools 6,000+ 38 ★ 127KiB

icon

Save As MHT Extension · Productivity 6,000+ 159 ★ 15.26KiB

icon

Extensioner Extension · Productivity 6,000+ 83 ★ 125KiB

icon

Extension Control Extension · Developer Tools 6,000+ 35 ★ 392KiB

icon

Extentie - extension manager Extension · Productivity 6,000+ 39 ★ 98.35KiB

User reviews

icon

随风而行 (ID: 0000007bb2c35ccc) Voted 5 ★ - Updated 04/20/2023 下载成单一html文件, 支持js

icon

NOUM (ID: 000000b853a90d46) Voted 1 ★ - Updated 03/11/2022 Doesn't work on resources that use relative paths. Example of visited page: https://example.com/some/paths/page.html turned into https://example.com/js/jquery.js when it should be https://example.com/some/paths/js/jquery.js which generates a load of 404

icon

Serdar Myradov (ID: 000000754d18fe24) Voted 1 ★ - Updated 05/25/2021 gives an error 209

icon

Hassan Sabir (ID: 0000003f9d585a55) Voted 1 ★ - Updated 04/18/2021 an error occured press f12 to see what is it, broken page saved

icon

Aykan (ID: 000000860971f292) Voted 5 ★ - Updated 07/11/2020 It works just perfect. Better than any other extension. Saves whole websites / parts as standalone working files.