Save a complete page into a single HTML file

Latest Version

Version
1.22.75
Update
November 27, 2024
Size
1.06MiB
Developer
Category
Users
200,000+
Rating
4.33264 ★
Manifest Version
3
Web Store Status
Languages Support
Deutsch
English
Français
Türkçe
Español
Italiano
Polski
Português (Brasil)
Português (Portugal)
русский
українська
中文 (简体)
中文 (繁體)
日本語
See more
Permissions
ContextMenus
Downloads
Storage
Tabs
ActiveTab
Scripting
Offscreen
SidePanel
DeclarativeNetRequest
See more

SingleFile Extension

SingleFile is an extension that helps you to save a complete page (with CSS, images, fonts, frames, etc.) as a single HTML file.

Getting started
- Wait until the page is fully loaded.
- Click on the SingleFile button in the extension toolbar to process and save the page.
- You can click again on the button to cancel the action when processing a page.

Additional notes
- Open the context menu by right-clicking the SingleFile button in the extension toolbar or on the webpage. It allows you to save:
- the current tab,
- the selected content,
- the selected frame,
- the selected link(s).
- Select \"Annotate and save the page...\" in the context menu to:
- Highlight text,
- add notes,
- remove content.
- You can also process multiple tabs in one click and save:
- the selected tabs,
- the unpinned tabs,
- all the tabs.
- The context menu also allows you to activate the auto-save (after pages are being loaded) of:
- the current tab,
- the unpinned tabs,
- all the tabs.
- Right-click on the SingleFile button and select \"Manage extension\" to open the options page.
- Upload pages to Google Drive/Dropbox/GitHub/WebDAV via the Destination section in the options page.
- Enable the option \"Misc. > add proof of existence\" to prove the existence of saved pages by linking the SHA256 of the pages into the blockchain.
- You can use the customizable shortcut Ctrl+Shift+Y to save the current tab or selected tabs.
- And more!

More info
- FAQ: https://github.com/gildas-lormeau/SingleFile/blob/master/faq.md
- Known issues: https://github.com/gildas-lormeau/SingleFile#known-issues

See the extension help in the options page for more detailed information about the options.
Project on GitHub: https://github.com/gildas-lormeau/SingleFile

Suggestions are welcome :)
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","name": "SingleFile","author": "Gildas Lormeau","homepage_url": "https://github.com/gildas-lormeau/SingleFile-MV3","icons": {"16": "src/ui/resources/icon_16.png","32": "src/ui/resources/icon_32.png","48": "src/ui/resources/icon_48.png","64": "src/ui/resources/icon_64.png","128": "src/ui/resources/icon_128.png"},"version": "1.22.75","description": "__MSG_extensionDescription__","content_scripts": [{"matches": [""],"run_at": "document_start","js": ["lib/single-file-frames.bundle.js"],"all_frames": true,"match_about_blank": true,"match_origin_as_fallback": true},{"matches": [""],"run_at": "document_start","js": ["lib/single-file-hooks-frames.js"],"all_frames": true,"match_about_blank": true,"match_origin_as_fallback": true,"world": "MAIN"},{"matches": [""],"run_at": "document_start","js": ["lib/single-file-bootstrap.bundle.js"]}],"background": {"service_worker": "lib/single-file-extension-background.js"},"side_panel": {"default_path": "src/ui/pages/panel.html"},"options_ui": {"browser_style": true,"page": "src/ui/pages/options.html","open_in_tab": false},"action": {"default_icon": {"16": "src/ui/resources/icon_16.png","32": "src/ui/resources/icon_32.png","48": "src/ui/resources/icon_48.png","64": "src/ui/resources/icon_64.png","128": "src/ui/resources/icon_128.png"},"default_title": "__MSG_buttonDefaultTooltip__"},"commands": {"save-selected-tabs": {"suggested_key": {"default": "Ctrl+Shift+Y"},"description": "__MSG_commandSaveSelectedTabs__"},"save-all-tabs": {"suggested_key": {"default": "Ctrl+Shift+U"},"description": "__MSG_commandSaveAllTabs__"}},"web_accessible_resources": [{"matches": [""],"resources": ["lib/single-file-hooks-frames.js","lib/single-file-infobar.js","lib/single-file-extension-editor-init.js","lib/single-file-extension-editor.js","lib/single-file-extension-editor-helper.js","lib/single-file-zip.min.js","lib/single-file-z-worker.js","src/lib/readability/Readability.js","src/lib/readability/Readability-readerable.js","src/ui/pages/editor-note-web.css","src/ui/pages/editor-mask-web.css","src/ui/pages/editor-frame-web.css"]}],"oauth2": {"client_id": "207618107333-7tjs1im1pighftpoepea2kvkubnfjj44.apps.googleusercontent.com","scopes": ["https://www.googleapis.com/auth/drive.file"]},"permissions": ["contextMenus","downloads","storage","tabs","activeTab","scripting","offscreen","sidePanel","declarativeNetRequest"],"optional_permissions": ["identity","clipboardWrite","nativeMessaging","bookmarks"],"host_permissions": [""],"devtools_page": "src/core/devtools/devtools.html","incognito": "split","manifest_version": 3,"default_locale": "en"}
Read more

How to download and manually install SingleFile extension for Chrome

Looking for a way to install SingleFile 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 SingleFile extensions manually, this article outlines two simple methods to effortlessly install SingleFile extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

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

If you ever need to manually install a SingleFile 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 SingleFile Extension by clicking the "Download CRX" button on the website.

Look for the SingleFile extension you wish to install. Go to the website and download the SingleFile extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for SingleFile 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 SingleFile 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 SingleFile extension for Chrome and install in Developer Mode

This is another method to install SingleFile 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 SingleFile extension file

Select and download the SingleFile 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 SingleFile 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 SingleFile 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 SingleFile 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 SingleFile extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

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

icon

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

icon

Web Clipper Extension · Productivity 200,000+ 182 ★ 1.55MiB

icon

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

icon

Douban Book+ Extension · Productivity 200,000+ 75 ★ 2.09MiB

icon

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

icon

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

icon

RSSHub Radar Extension · Productivity 200,000+ 60 ★ 1.54MiB

icon

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

icon

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

icon

Content Farm Terminator Extension · Productivity 200,000+ 64 ★ 79.68KiB

icon

Page saver Extension · Developer Tools 200,000+ 32 ★ 56.62KiB

icon

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

icon

Smart TOC Extension · Productivity 200,000+ 100 ★ 81.44KiB

icon

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

icon

MarkDownload - Markdown Web Clipper Extension · Productivity 200,000+ 146 ★ 403KiB

icon

Cubox Extension · Productivity 200,000+ 86 ★ 5.63MiB

icon

SimpRead - Reader View Extension · Productivity 200,000+ 2100 ★ 1.2MiB

icon

Circle Reader Extension · Productivity 200,000+ 118 ★ 1.79MiB

icon

Just-One-Page-PDF Extension · Productivity 200,000+ 263 ★ 5.46MiB

icon

Omni - Bookmark, History, & Tab Manager Extension · Productivity 200,000+ 63 ★ 1.91MiB

icon

Memex Extension · Productivity 200,000+ 103 ★ 8.72MiB

icon

floccus bookmarks sync Extension · Productivity 200,000+ 178 ★ 7.78MiB

icon

Webrecorder ArchiveWeb.page Extension · Productivity 200,000+ 21 ★ 11.12MiB

User reviews

icon

Daniel Ortiz (ID: 0000007252672d99) Voted 5 ★ - Updated 08/22/2024

icon

Gwendolyn Mccullough (ID: 0000004629e4d305) Voted 5 ★ - Updated 02/12/2024 The best I have tried! —————————————— But why is the Version number here is 1.22.40 while the github/docker hub version remains 1.0.33?

icon

Xalomon (ID: 000000fce49f3da0) Voted 1 ★ - Updated 11/10/2023 Download a page like this one: https://civitai.com/images?view=feed&periodMode=stats&modelVersionId=144291&username=digitalghosts On the original page, clicking the (i) button makes text appear, that one wants to save. On the saved page clicking does nothing and the text isn't saved.

icon

Leon J (ID: 000000c8b5c9aef5) Voted 5 ★ - Updated 11/07/2023 Easy and powerful extension! Stable and Efficient better than all other extensions!

icon

Hayden Song (ID: 000000266ccf2c4e) Voted 5 ★ - Updated 11/06/2023 非常好用 解决大问题了 再也不用忍受印象笔记缺失的图片