SingleFile

Save a complete page into a single HTML file

Getting started - Additional notes - Options description - Technical notes - Known issues - Troubleshooting unknown issues
  1. Getting started
    • Wait until the page is fully loaded, you may need to scroll down the entire page to be sure all elements are loaded.
    • Click on the SingleFile button in the extension toolbar to save the page.
  2. Additional notes
    • To save multiple tabs, select them first and click on the SingleFile button .
    • 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,
      • or the selected content,
      • or the selected frame.
    • You can also process multiple tabs in one click and save:
      • selected tabs,
      • or unpinned tabs,
      • or all tabs.
    • The context menu also allows you to activate the auto-save of:
      • the current tab,
      • or unpinned tabs,
      • or all 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 "Options" to open the options page.
    • You can use the shortcut Ctrl+Shift+X to save a page in Chrome. Go to chrome://extensions/shortcuts to change it.
  3. Options description

    You can customize SingleFile through the options page. Right-click on SingleFile button in the browser toolbar and select "Options"/"Manage extension" in the context menu to open the options page.

    User interface

    • add entry in the context menu of the webpage

      Check this option to display an entry for SingleFile in the context menu of the webpage. The context menu of the SingleFile button in the extension toolbar is displayed wether this option is checked or not.

      It is recommended to check this option

    • overlay a shadow on the page during processing

      Check this option to overlay a shadow on the page when SingleFile is retrieving page resources. This reminds you that you should not close the tab.

      It is recommended to check this option

    • display an infobar when viewing archives

      Check this option to display the ❔ button at the top right of the page when viewing a saved page. By clicking this icon, you can get more information about the saved date and open the original URL.

      It is recommended to check this option

    File name

    • append the save date to the file name

      Check this option to append the save date of the webpage to the file name.

      It is recommended to check this option

    • open the "Save as" dialog to confirm the file name

      Check this option to display the "Save as" dialog in order to confirm the file name before saving the page. If the option "save pages in background" is unchecked then a prompt dialog will be displayed instead of the "Save as" dialog.

      It is recommended to uncheck this option

    Page content

    • compress HTML

      Check this option to remove all HTML comments, and unneeded spaces or returns. This helps to reduce the size of the file without altering the document.

      It is recommended to check this option

    • remove HTML import

      Check this option to remove all link elements used to import HTML documents. This can reduce the size of the file without altering the document most of the time.

      It is recommended to check this option

    • remove frames

      Check this option to remove all frame and iframe elements. This can considerably reduce the size of the file without altering the document most of the time.

      It is recommended to check this option

    • remove hidden elements

      Check this option to remove all hidden elements. This option can considerably reduce the size of the file without altering the document most of the time.

      It is recommended to check this option

    • save raw page

      Check this option to save the page without interpreting JavaScript. Checking this option may alter the document.

      It is recommended to uncheck this option

    Pages resources

    • remove scripts

      Check this option to remove all scripts. Unchecking this option may alter the document.

      It is recommended to check this option

    • remove video sources

      Check this option to empty the "src" attribute of all video elements.

      It is recommended to check this option

    • remove audio sources

      Check this option to empty the "src" attribute of all audio elements.

      It is recommended to check this option

    • compress CSS

      Check this option to minify CSS stylesheets. This helps to reduce the size of the file without altering the document.

      It is recommended to check this option

    • remove unused styles

      Check this option to remove all CSS rules and styles that do not match any element. Checking this this option should not alter the document and can considerably reduce the size of the file. Checking this this option option may also increase the CPU consumption and the time needed to process a page.

      It is recommended to check this option

    • remove alternative fonts to woff and unused font rules

      Check this option to remove fonts that are alternatives to the Web Open Font Format and CSS font rules that are not used. Checking this this option should not alter the document and can considerably reduce the size of the file.

      It is recommended to check this option

    • save lazy loaded images

      Check this option to save all the lazy loaded images that are not displayed. This may help to save all the images without scrolling the page. This feature is not guaranteed to work on all sites.

      It is recommended to check this option

    • set a maximum size for embedded resources (Mb)

      Specify the maximum size of embedded resources (i.e. images, stylesheets, scripts and iframes) in megabytes.

    Auto-save

    • auto-save on page load or on page

      Check this option to auto-save pages after being loaded. If you browse to another page before the page is fully loaded then the page will be saved just before being unloaded. With this option active, you are guaranteed pages will always be saved but some frame contents may be missing (if you unchecked "remove frames") when pages are saved before being unloaded.

    • It is recommended to check this option

    • auto-save on page load

      Check this option to auto-save pages after being loaded.

    • auto-save on page unload

      Check this option to auto-save pages before being unloaded instead of saving pages after being loaded. With this option active, you are guaranteed pages will always be saved but some frame contents may be missing (if you unchecked "remove frames").

    • auto-save wait delay after load (sec.)

      Specify the amount of time in seconds to wait before saving a page when the "auto-save on page load or on page unload" or "auto-save on page load" is checked.

    Misc.

    • save pages in background

      Uncheck this option if you get invalid file names like "37bec68b-446a-46a5-8642-19a89c231b46.html" when saving pages or if you prefer to use the prompt dialog instead of the "Save as" dialog when "open the 'Save as' dialog to confirm the file name" option is checked.

      It is recommended to check this option

    • display stats in the console after processing

      Check this option to display stats about processing in the JavaScript developer tools of your browser. Checking this option may increase the CPU consumption and the time needed to process a page.

      It is recommended to uncheck this option

    Form buttons

    • Reset

      Reset all the options to their default value.

  4. Technical notes
    • All images are converted into base64.
    • All resources except frame contents are injected in the document using data URI scheme.
    • Frame contents are injected as text in the document by using the srcdoc attribute.
  5. Known issues
    • All browsers
      • For security reasons, you cannot save pages hosted on https://chrome.google.com or https://addons.mozilla.org.
    • Chrome/Opera
      • You must enable the option "Allow access to file URLs" in the extension page to display the infobar when viewing a saved page, or to save a page stored on the filesystem.
      • If saved pages have file names like "4e5a13fd-6638-4a37-a34b-a3c104ac66b1" instead of the title then it means another extension is conflicting with SingleFile. You can uncheck the option "save pages in background" to circumvent this issue.
    • Firefox
      • You cannot save selected tabs via the context menu because it is not possible to select multiple tabs.
    • Edge
      • The file name looks like "4e5a13fd-6638-4a37-a34b-a3c104ac66b1".
  6. Troubleshooting unknown issues

    Please follow these steps if you find an unknown issue:

    • Reset SingleFile options.
    • If resetting options 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 here with a short description describing how to reproduce the issue, Browser version, OS name and version.

    Suggestions are welcome :)