SingleFile

SingleFile is a Web Extension (and a CLI tool) compatible with Chrome, Firefox (Desktop and Mobile), Microsoft Edge, Vivaldi, Brave, Waterfox, Yandex browser, and Opera. It helps you to save a complete web page into a single HTML file.

Table of Contents

• Demo
• Install
• Getting started
• Additional notes
• FAQ
• Release notes
• Known issues
• Troubleshooting unknown issues
• Command Line Interface
• Integration with user scripts
• SingleFileZ
• File format comparison
• Integration with WebKit
• Privacy policy
• Contributors
• Icons
• Code derived from third party projects
• License

Demo

Install

SingleFile can be installed on:

• Firefox: https://addons.mozilla.org/firefox/addon/single-file
• Chrome: https://chrome.google.com/extensions/detail/mpiodijhokgodhhofbcjdecpffjipkle
• Microsoft Edge: https://microsoftedge.microsoft.com/addons/detail/efnbkdcfmcmnhlkaijjjmhjjgladedno

You can also download the zip file (https://github.com/gildas-lormeau/SingleFile/archive/master.zip) of the project and install it manually by unzipping it somewhere on your disk and following these instructions:

• Firefox: https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox/
• Chrome: https://developer.chrome.com/extensions/getstarted#manifest (omit the manifest creation)
• Microsoft Edge: https://docs.microsoft.com/en-us/microsoft-edge/extensions-chromium/getting-started/part1-simple-extension#run-your-extension-locally-in-your-browser-while-developing-it-side-loading

Getting started

• Wait until the page is fully loaded.
• Click on the SingleFile button in the extension toolbar to 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.
• You can also process multiple tabs in one click and save:
  • the selected tabs,
  • the unpinned tabs,
  • all the tabs.
• Select "Annotate and save the page..." in the context menu to:
  • highlight text,
  • add notes,
  • remove content.
• The context menu also allows you to activate the auto-save of:
  • the current tab,
  • the unpinned tabs,
  • all the tabs.
• With auto-save active, pages are automatically saved every time after being loaded (or before being unloaded if not).
• Right-click on the SingleFile button and select "Manage extension" (Firefox) / "Options" (Chrome) to open the options page.
• Enable the option "Misc. > save to Google Drive" to upload pages to Google Drive.
• 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 shortkey Ctrl+Shift+Y to save the current tab or the selected tabs. Go to about:addons and select "Manage extension shortcuts" in the cogwheel menu to change it in Firefox. Go to chrome://extensions/shortcuts to change it in Chrome.
• The default save folder is the download folder configured in your browser, cf. about:addons in Firefox and chrome://settings in Chrome.
• See the extension help in the options page for more detailed information about the options and technical notes.

FAQ

See https://github.com/gildas-lormeau/SingleFile/blob/master/faq.md

Release notes

See https://addons.mozilla.org/firefox/addon/single-file/versions/

Known Issues

• All browsers:
  • For security reasons, you cannot save pages hosted on https://chrome.google.com, https://addons.mozilla.org and some other Mozilla domains. When this happens, 🛇 is displayed on top of the SingleFile icon.
  • For security reasons, SingleFile is sometimes unable to save the image representation of canvas and snapshots of video elements.
  • The last saved path cannot be remembered by default. To circumvent this limitation, disable the option "Misc > save pages in background".
  • The following characters are replaced with _ in file names: ~, +, \, ?, %, *, :, |, ", <, >
• Chromium-based browsers:
  • You must enable the option "Allow access to file URLs" in the extension page to display the infobar when viewing a saved page, and to save or to annotate a page stored on the filesystem.
  • If the file name of a saved page looks like "56833935-156b-4d8c-a00f-19599c6513d3.html", disable the option "Misc > save pages in background". Reinstalling the browser may also fix this issue. You can find more info about this bug here. This bug has been closed by Google as "WontFix".
  • Disabling the option "File name > open the "Save as" dialog to confirm the file name" will work if and only if the option "Ask where to save each file before downloading" is disabled in chrome://settings/downloads.
• Firefox:
  • The "File name > file name conflict resolution" option does not work if set to "prompt for a name"
  • Sometimes, SingleFile is unable to save the contents of sandboxed iframes because of this bug.
  • When processing a page from the filesystem, external resources (e.g. images, stylesheets, fonts etc.) will not be embedded into the saved page. You can find more info about this bug here. This bug has been closed by Mozilla as "WontFix". But there is a simple workaround proposed here.
• Waterfox Classic
  • User interface elements displayed in the page (progress bar, logs panel) won't be displayed unless dom.webcomponents.enabled is enabled in about:config.
  • When opening pages saved with the option "Images > group duplicate images together" enabled, some duplicate images might not displayed. It is recommended to disable this option.

Troubleshooting unknown issues

Please follow these steps if you find an unknown issue:

• Save the page in incognito.
• If saving page in incognito did not fix the issue, reset SingleFile options.
• If resetting options did not fix the issue, restart the browser.
• If restarting the browser did not fix the issue, try to disable all other extensions to see if there is a conflict.
• If there is a conflict then try to determine against which extension(s).
• Please report the issue with a short description on how to reproduce it here: https://github.com/gildas-lormeau/SingleFile/issues.

Command Line Interface

You can save web pages to HTML from the command line interface. See here for more info: https://github.com/gildas-lormeau/SingleFile/blob/master/cli/README.MD.

Integration with user scripts

You can execute a user script just before (and after) SingleFile saves a page. For more info, see https://github.com/gildas-lormeau/SingleFile/wiki/How-to-execute-a-user-script-before-a-page-is-saved.

SingleFileZ

SingleFileZ is a fork of SingleFile that allows you to save a webpage as a self-extracting HTML file. This HTML file is also a valid ZIP file which contains the resources (images, fonts, stylesheets and frames) of the saved page. This ZIP file can be unzipped on the filesystem in order, for example, to view the page in a browser that would not support pages saved with SingleFileZ.

More info here: https://github.com/gildas-lormeau/SingleFileZ

File format comparison

	HTML (SingleFile)	HTML (SingleFileZ)	MAFF	MHTML	Webarchive (Safari)	HTML+folder
Pages are saved as a single file	✓	✓	✓	✓	✓
HTML and styles are minified	✓	✓
Unused HTML and styles are removed from files	✓	✓
Binary resources are not encoded in base 64		✓	✓		✓	✓
Files are compressed		✓	✓
Files can be viewed without installing any extension	✓	✓¹		✓²	✓³	✓
Files can be viewed without running JavaScript	✓		✓	✓	✓	✓
Files can be unzipped to extract resources and view pages		✓	✓			n/a
Files contains the text of the page (plain or formatted) which can be indexed	✓	✓⁴		✓	✓	✓

Footnotes:

¹ A switch must be passed from the command line in Chromium-based browsers, and an option must be enabled in Safari.

² Only in Chromium-based browsers, and Internet Explorer.

³ Only in Safari.

⁴ An option must be enabled in the extension.

Integration with WebKit

Here is a Swift application (for macOS) made by @captaindavepdx that illustrates how to use SingleFile with WebKit: https://github.com/captaindavepdx/SingleFileMacOS

Privacy Policy

See https://github.com/gildas-lormeau/SingleFile/blob/master/privacy.md

Contributors

• Chinese translation done by yfdyh000 (https://github.com/yfdyh000), KrasnayaPloshchad (https://github.com/KrasnayaPloshchad), frostblazergit (https://github.com/frostblazergit), dnknn (https://github.com/dnknn)
• Traditional Chinese translation done by frostblazergit (https://github.com/frostblazergit)
• German translation done by womotroll (https://github.com/womotroll), bannmann (https://github.com/bannmann)
• Japanese translation done by Shitennouji（四天王寺) (https://github.com/Shitennouji)
• Polish translation done by xesarni (https://github.com/xesarni)
• Russian translation done by rstp14 (https://github.com/rstp14), kramola-RU (https://github.com/kramola-RU), solokot (https://github.com/solokot), TotalCaesar659 (https://github.com/TotalCaesar659)
• Ukrainian translation done by perdolka (https://github.com/perdolka)
• Spanish translation done by strel (https://github.com/strel)

Code derived from third party projects

• csstree: https://github.com/csstree/csstree
• postcss-media-query-parser: https://github.com/dryoma/postcss-media-query-parser
• postcss-selector-parser: https://github.com/postcss/postcss-selector-parser
• UglifyCSS: https://github.com/fmarcia/UglifyCSS
• parse-srcset: https://github.com/albell/parse-srcset
• parse-css-font: https://github.com/jedmao/parse-css-font
• Readability: https://github.com/mozilla/readability
• whatwg-mimetype: https://github.com/jsdom/whatwg-mimetype

Icons

• Icon made by Kiranshastry from Flaticon is licensed by CC 3.0 BY

License

SingleFile is licensed under AGPL. Code derived from third-party projects is licensed under MIT. Please contact me at gildas.lormeau <at> gmail.com if you are interested in licensing the SingleFile code for a commercial service or product.

Suggestions are welcome :)