help.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>SingleFile help</title>
  6. <link rel="stylesheet" href="help.css">
  7. <meta name="viewport" content="width=device-width,initial-scale=1">
  8. </head>
  9. <body>
  10. <div>
  11. <div id="titleBorder">
  12. <h2>SingleFile</h2>
  13. <h4>Save a complete page into a single HTML file</h4>
  14. </div>
  15. <span id="index">
  16. <a href="#getting-started">Getting started</a> -
  17. <a href="#general-notes">Additional notes</a> -
  18. <a href="#options">Options description</a> -
  19. <a href="#notes">Technical notes</a> -
  20. <a href="#known-issues">Known issues</a> -
  21. <a href="#unknown-issues">Troubleshooting unknown issues</a>
  22. </span>
  23. <hr>
  24. <ol>
  25. <li>
  26. <a id="getting-started">Getting started</a>
  27. <ul>
  28. <li>Wait until the page is fully loaded, you may need to scroll down the entire page to be sure all elements are loaded.</li>
  29. <li>Click on the SingleFile button
  30. <img src="../resources/icon_16.png" class="icon"> in the extension toolbar to save the page.</li>
  31. </ul>
  32. </li>
  33. <li>
  34. <a id="general-notes">Additional notes</a>
  35. <ul>
  36. <li>
  37. Open the context menu by right-clicking the SingleFile button
  38. <img src="../resources/icon_16.png" class="icon"> in the extension toolbar or on the webpage. It allows you to:
  39. <ul>
  40. <li>save a tab,</li>
  41. <li>or a selected content,</li>
  42. <li>or a frame content,</li>
  43. <li>or selected tabs,</li>
  44. <li>or unpinned tabs,</li>
  45. <li>or all tabs.</li>
  46. </ul>
  47. </li>
  48. <li>
  49. The context menu also allows you to activate the auto-save of:
  50. <ul>
  51. <li>the current tab,</li>
  52. <li>or unpinned tabs,</li>
  53. <li>or all tabs.</li>
  54. </ul>
  55. </li>
  56. <li>With auto-save active, pages are automatically saved every time after being loaded (or before being unloaded if not).
  57. The period of time to wait before saving the page can be configured in the options page.</li>
  58. <li>The options page allows you to auto-save the page after after being loaded or before being unloading only.</li>
  59. <li>Right-click on the SingleFile button and select "Options" to open the options page.</li>
  60. <li>To save multiple tabs, select them first and click on the SingleFile button
  61. <img src="../resources/icon_16.png" class="icon">.</li>
  62. </ul>
  63. </li>
  64. <li>
  65. <a id="options">Options description</a>
  66. <p>You can customize SingleFile through the options page. Right-click on SingleFile button
  67. <img src="../resources/icon_16.png" class="icon"> in the browser toolbar and select "Options"/"Manage extension" in the context menu to open the options page.</p>
  68. <p>User interface</p>
  69. <ul>
  70. <li>
  71. <span class="option">add entry in the context menu of the webpage</span>
  72. <p>Check this option to display an entry for SingleFile in the context menu of the webpage. The context menu of the SingleFile
  73. button
  74. <img src="../resources/icon_16.png" class="icon"> in the extension toolbar is displayed wether this option is checked or not.
  75. </p>
  76. <p class="notice">It is recommended to
  77. <u>check</u> this option</p>
  78. </li>
  79. <li>
  80. <span class="option">overlay a shadow on the page during processing</span>
  81. <p>Check this option to overlay a shadow on the page when SingleFile is retrieving page resources. This reminds you that
  82. you should not close the tab.
  83. </p>
  84. <p class="notice">It is recommended to
  85. <u>check</u> this option</p>
  86. </li>
  87. <li>
  88. <span class="option">display an infobar when viewing archives</span>
  89. <p>Check this option to display the ❔ button at the top right of the page when viewing a saved page. By clicking this
  90. icon, you can get more information about the saved date and open the original URL.
  91. </p>
  92. <p class="notice">It is recommended to
  93. <u>check</u> this option</p>
  94. </li>
  95. </ul>
  96. <p>File name</p>
  97. <ul>
  98. <li>
  99. <span class="option">append the save date to the file name</span>
  100. <p>Check this option to append the save date of the webpage to the file name.
  101. </p>
  102. <p class="notice">It is recommended to
  103. <u>check</u> this option</p>
  104. </li>
  105. <li>
  106. <span class="option">open the "Save as" dialog to confirm the file name</span>
  107. <p>Check this option to display the "Save as" dialog in order to confirm the file name before saving the page. If the
  108. option "save pages in background" is unchecked then a prompt dialog will be displayed instead of the "Save as" dialog.
  109. </p>
  110. <p class="notice">It is recommended to
  111. <u>uncheck</u> this option</p>
  112. </li>
  113. </ul>
  114. <p>Page content</p>
  115. <ul>
  116. <li>
  117. <span class="option">compress HTML</span>
  118. <p>Check this option to remove all HTML comments, and unneeded spaces or returns. This helps to reduce the size of the
  119. file without altering the document.</p>
  120. <p class="notice">It is recommended to
  121. <u>check</u> this option</p>
  122. </li>
  123. <li>
  124. <span class="option">remove HTML import</span>
  125. <p>Check this option to remove all link elements used to import HTML documents. This can reduce the size of the file without
  126. altering the document most of the time.</p>
  127. <p class="notice">It is recommended to
  128. <u>check</u> this option</p>
  129. </li>
  130. <li>
  131. <span class="option">remove frames</span>
  132. <p>Check this option to remove all frame and iframe elements. This can considerably reduce the size of the file without
  133. altering the document most of the time.</p>
  134. <p class="notice">It is recommended to
  135. <u>check</u> this option</p>
  136. </li>
  137. <li>
  138. <span class="option">remove hidden elements</span>
  139. <p>Check this option to remove all hidden elements. This option can considerably reduce the size of the file without altering
  140. the document most of the time.</p>
  141. <p class="notice">It is recommended to
  142. <u>check</u> this option</p>
  143. </li>
  144. <li>
  145. <span class="option">save raw page</span>
  146. <p>Check this option to save the page without interpreting JavaScript. Checking this option may alter the document.</p>
  147. <p class="notice">It is recommended to
  148. <u>uncheck</u> this option</p>
  149. </li>
  150. </ul>
  151. <p>Pages resources</p>
  152. <ul>
  153. <li>
  154. <span class="option">remove scripts</span>
  155. <p>Check this option to remove all scripts. Unchecking this option may alter the document.</p>
  156. <p class="notice">It is recommended to
  157. <u>check</u> this option</p>
  158. </li>
  159. <li>
  160. <span class="option">remove video sources</span>
  161. <p>Check this option to empty the "src" attribute of all video elements.</p>
  162. <p class="notice">It is recommended to
  163. <u>check</u> this option</p>
  164. </li>
  165. <li>
  166. <span class="option">remove audio sources</span>
  167. <p>Check this option to empty the "src" attribute of all audio elements.</p>
  168. <p class="notice">It is recommended to
  169. <u>check</u> this option</p>
  170. </li>
  171. <li>
  172. <span class="option">compress CSS</span>
  173. <p>Check this option to minify CSS stylesheets. This helps to reduce the size of the file without altering the document.</p>
  174. <p class="notice">It is recommended to
  175. <u>check</u> this option</p>
  176. </li>
  177. <li>
  178. <span class="option">remove unused CSS rules</span>
  179. <p>Check this option to remove all CSS rules that do not match any element. Checking this this option should not alter
  180. the document and can considerably reduce the size of the file.</p>
  181. <p class="notice">It is recommended to
  182. <u>check</u> this option</p>
  183. </li>
  184. <li>
  185. <span class="option">remove alternative fonts to woff</span>
  186. <p>Check this option to remove fonts that are alternatives to the Web Open Font Format. Checking this this option should
  187. not alter the document for modern browsers and can considerably reduce the size of the file.</p>
  188. <p class="notice">It is recommended to
  189. <u>check</u> this option</p>
  190. </li>
  191. <li>
  192. <span class="option">save lazy loaded images</span>
  193. <p>Check this option to save all the lazy loaded images that are not displayed. This may help to save all the images without
  194. scrolling the page. This feature is not guaranteed to work on all sites.</p>
  195. <p class="notice">It is recommended to
  196. <u>check</u> this option</p>
  197. </li>
  198. <li>
  199. <span class="option">set a maximum size for embedded resources (Mb)</span>
  200. <p>Specify the maximum size of embedded resources (i.e. images, stylesheets, scripts and iframes) in megabytes.
  201. </p>
  202. </li>
  203. </ul>
  204. <p>Auto-save</p>
  205. <ul>
  206. <li>
  207. <span class="option">auto-save on page load or on page unload as fallback</span>
  208. <p>Check this option to auto-save pages after being loaded. If you browse to another page before the page is fully loaded
  209. then the page will be saved just before being unloaded. With this option active, you are guaranteed pages will always
  210. be saved. Pages saved before being unloaded will not contain frame contents (if you unchecked "remove frames").</p>
  211. </li>
  212. <p class="notice">It is recommended to
  213. <u>check</u> this option</p>
  214. <li>
  215. <span class="option">auto-save on page load</span>
  216. <p>Check this option to auto-save pages after being loaded.</p>
  217. </li>
  218. <li>
  219. <span class="option">auto-save on page unload</span>
  220. <p>Check this option to auto-save pages before being unloaded instead of saving pages after being loaded. With this option
  221. active, you are guaranteed pages will always be saved but they will never contain frame contents (if you unchecked
  222. "remove frames").</p>
  223. </li>
  224. <li>
  225. <span class="option">auto-save wait delay after load (sec.)</span>
  226. <p>Specify the amount of time in seconds to wait before saving a page when the "auto-save on page load or on page unload
  227. as fallback" or "auto-save on page load" is checked.
  228. </p>
  229. </li>
  230. </ul>
  231. <p>Misc.</p>
  232. <ul>
  233. <li>
  234. <span class="option">save pages in background</span>
  235. <p>Uncheck this option if you get invalid file names like "37bec68b-446a-46a5-8642-19a89c231b46.html" when saving pages
  236. or if you prefer to use the prompt dialog instead of the "Save as" dialog when "open the 'Save as' dialog to confirm
  237. the file name" option is checked.
  238. </p>
  239. <p class="notice">It is recommended to
  240. <u>check</u> this option</p>
  241. </li>
  242. <li>
  243. <span class="option">display stats in the console after processing</span>
  244. <p>Check this option to display stats about processing in the JavaScript developer tools of your browser. Checking this
  245. option may increase the CPU consumption and the time needed to process a page.
  246. </p>
  247. <p class="notice">It is recommended to
  248. <u>uncheck</u> this option</p>
  249. </li>
  250. </ul>
  251. <p>Form buttons</p>
  252. <ul>
  253. <li>
  254. <span class="option">Reset</span>
  255. <p>Reset all the options to their default value.</p>
  256. </li>
  257. </ul>
  258. </li>
  259. <li>
  260. <a id="notes">Technical notes</a>
  261. <ul>
  262. <li>All images are converted into
  263. <a href="http://en.wikipedia.org/wiki/Base64">base64</a>.
  264. </li>
  265. <li>All resources except frame contents are injected in the document using
  266. <a href="http://en.wikipedia.org/wiki/Data_URI_scheme">data URI scheme</a>.
  267. </li>
  268. <li>Frame contents are injected as text in the document by using the srcdoc attribute.
  269. </li>
  270. </ul>
  271. </li>
  272. <li>
  273. <a id="known-issues">Known issues</a>
  274. <ul>
  275. <li>
  276. All browsers
  277. <ul>
  278. <li>For security reasons, you cannot save pages hosted on https://chrome.google.com or https://addons.mozilla.org.</li>
  279. <li>Frame contents cannot be saved when "auto-save on page unload" option is checked.</li>
  280. </ul>
  281. </li>
  282. <li>
  283. Chrome/Opera
  284. <ul>
  285. <li>You must enable the option "Allow access to file URLs" in the extension page to display the infobar when viewing a
  286. saved page, or to save a page stored on the filesystem.</li>
  287. <li>If saved pages have file names like "4e5a13fd-6638-4a37-a34b-a3c104ac66b1" instead of the title then it means another
  288. extension is conflicting with SingleFile. You can uncheck the option "save pages in background" to circumvent this
  289. issue.
  290. </li>
  291. </ul>
  292. </li>
  293. <li>
  294. Firefox
  295. <ul>
  296. <li>You cannot save selected tabs via the context menu because it is not possible to select multiple tabs.</li>
  297. </ul>
  298. </li>
  299. <li>
  300. Edge
  301. <ul>
  302. <li>The file name looks like "4e5a13fd-6638-4a37-a34b-a3c104ac66b1".</li>
  303. </ul>
  304. </li>
  305. </ul>
  306. </li>
  307. <li>
  308. <a id="unknown-issues">Troubleshooting unknown issues</a>
  309. <p>Please follow these steps if you find an unknown issue:</p>
  310. <ul>
  311. <li>Reset SingleFile options.</li>
  312. <li>If resetting options did not fix the issue, try to disable all other extensions to see if there is a conflict.</li>
  313. <li>If there is a conflict then try to determine against which extension(s).</li>
  314. <li>Please report the issue
  315. <a href="https://github.com/gildas-lormeau/SingleFile/issues">here</a> with a short description describing how to reproduce the issue, Browser version, OS name and version.</li>
  316. </ul>
  317. <p>Suggestions are welcome :)</p>
  318. </li>
  319. </ol>
  320. </div>
  321. </body>
  322. </html>