help.html 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710
  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> <span id="index"> <a href="#getting-started">Getting started</a> - <a href="#general-notes">Additional
  15. notes</a> - <a href="#options">Options description</a> - <a href="#annotation-editor">Anootation
  16. editor</a> - <a href="#notes">Technical notes</a> - <a href="#template-variables">Template variables</a>
  17. - <a href="#known-issues">Known issues</a> - <a href="#unknown-issues">Troubleshooting unknown issues</a> -
  18. <a href="#contributors">Contributors</a>
  19. </span>
  20. <hr>
  21. <ol>
  22. <li><a id="getting-started">Getting started</a>
  23. <ul>
  24. <li>Wait until the page is fully loaded.</li>
  25. <li>Click on the SingleFile button <img src="../resources/icon_16.png" class="icon"> in the
  26. extension toolbar to process and save the page.</li>
  27. <li>You can click again on the button to cancel the action when processing a page.</li>
  28. </ul>
  29. </li>
  30. <li><a id="general-notes">Additional notes</a>
  31. <ul>
  32. <li>To save multiple tabs, select them first and click on the SingleFile button <img
  33. src="../resources/icon_16.png" class="icon">.</li>
  34. <li>Open the context menu by right-clicking the SingleFile button <img
  35. src="../resources/icon_16.png" class="icon"> in the extension toolbar or on the webpage. It
  36. allows you to save: <ul>
  37. <li>the current tab,</li>
  38. <li>or the selected content,</li>
  39. <li>or the selected frame.</li>
  40. </ul>
  41. </li>
  42. <li>You can also process multiple tabs in one click and save: <ul>
  43. <li>the selected tabs,</li>
  44. <li>or the unpinned tabs,</li>
  45. <li>or all the tabs.</li>
  46. </ul>
  47. </li>
  48. <li>The context menu also allows you to activate the auto-save of: <ul>
  49. <li>the current tab,</li>
  50. <li>or the unpinned tabs,</li>
  51. <li>or all the tabs.</li>
  52. </ul>
  53. </li>
  54. <li>You can highlight text, add notes, format and remove content before saving the page with the
  55. <a href="#annotation-editor">Annotation editor</a> by selecting "Annotate and save the page..."
  56. in the context menu</li>
  57. <li>With auto-save active, pages are automatically saved every time after being loaded (or before
  58. being unloaded if not). </li>
  59. <li>Right-click on the SingleFile button and select "Options" to open the options page.</li>
  60. <li>Enable the option "Misc. &gt; save to Google Drive" to upload pages to Google Drive</li>
  61. <li>You can use the customizable shortcut Ctrl+Shift+Y to save the current tab or the selected tabs.
  62. Go to about:addons and select "Manage extension shortcuts" in the cogwheel menu to change it in
  63. Firefox. Go to chrome://extensions/shortcuts to change it in Chrome..</li>
  64. <li>The default save folder is the download folder configured in your browser, cf.
  65. about:preferences in Firefox and chrome://settings in Chrome.</li>
  66. </ul>
  67. </li>
  68. <li><a id="options">Options description</a>
  69. <p>You can customize SingleFile through the options page. Right-click on SingleFile button <img
  70. src="../resources/icon_16.png" class="icon"> in the browser toolbar and select "Options"/"Manage
  71. extension" in the context menu to open the options page.</p>
  72. <p>Profiles</p>
  73. <ul>
  74. <li>
  75. <p>A profile is a set of user-defined options associated to a unique name.</p>
  76. <p>The drop-down list in the upper right of the options page allows you to select a profile and
  77. modify the associated options. The buttons next to the drop-down list allows you
  78. respectively to create, delete and rename a profile. </p>
  79. </li>
  80. <li>
  81. <p>You can select the default profile through the context menu of SingleFile. The selection is
  82. persistent and applied to all tabs. </p>
  83. </li>
  84. <li>
  85. <p>You can also override the default profile by associating a profile to a complete or partial
  86. URL. See the description of the <a href="#auto-settings-rules">Auto-settings rules</a>
  87. feature for more info. </p>
  88. </li>
  89. </ul>
  90. <p>User interface</p>
  91. <ul>
  92. <li data-options-label="addMenuEntryLabel"> <span class="option">Option: add entry in the context
  93. menu of the webpage</span>
  94. <p>Check this option to display an entry for SingleFile in the context menu of the webpage. The
  95. context menu of the SingleFile button <img src="../resources/icon_16.png" class="icon"> in
  96. the extension toolbar is displayed whether this option is checked or not. </p>
  97. <p class="notice">It is recommended to <u>check</u> this option</p>
  98. </li>
  99. <li data-options-label="shadowEnabledLabel"> <span class="option">Option: overlay a shadow on the
  100. page during processing</span>
  101. <p>Check this option to overlay a shadow on the page when SingleFile is retrieving page
  102. resources. This reminds you that you should not close the tab. </p>
  103. <p class="notice">It is recommended to <u>check</u> this option</p>
  104. </li>
  105. <li data-options-label="displayInfobarLabel"> <span class="option">Option: display an infobar when
  106. viewing a saved page</span>
  107. <p>Check this option to display the ℹ button at the top right of the page when viewing a saved
  108. page. By clicking this button, you can get more information about the saved date and open
  109. the original URL.</p>
  110. <p class="notice">It is recommended to <u>check</u> this option</p>
  111. </li>
  112. <li data-options-label="infobarTemplateLabel"> <span class="option">Option: template of the infobar
  113. content</span>
  114. <p>The template allows you to customize the content displayed in the infobar. You can use any
  115. valid character, <code>\n</code> for new lines or <code>\t</code> for tabs. You can also use
  116. any variables from <a href="#template-variables">this list</a> anywhere in the template. If
  117. the template or the resulting content is empty, the infobar will display the saved date by
  118. default. </p>
  119. <p>Template examples:</p>
  120. <ul>
  121. <li><code>{url-href} ({date-iso})</code> will produce contents like "https://www.example.com
  122. (2018-09-15 11 06 03 PM)".</li>
  123. <li><code>Title: {page-title}</code> will produce contents like "Title: Example Domain" for
  124. a page having "Example Domain" as title.</li>
  125. </ul>
  126. </li>
  127. <li data-options-label="confirmInfobarLabel"> <span class="option">Option: open a prompt dialog to
  128. edit the infobar content</span>
  129. <p>Check this option to display a prompt dialog in order to confirm the infobar content before
  130. saving the page. </p>
  131. </li>
  132. <li data-options-label="autoCloseLabel"> <span class="option">Option: auto-close the tab after
  133. the page is saved</span>
  134. <p>Check this option to automatically close the tab after saving the page displayed inside.
  135. </p>
  136. </li>
  137. </ul>
  138. <p>File name</p>
  139. <ul>
  140. <li data-options-label="filenameTemplateLabel"> <span class="option">Option: template</span>
  141. <p>The template allows you to customize the file name of saved pages. You can use any valid
  142. character and "/" to create sub-folders (with the option "save pages in background" active).
  143. You can also use any variables from <a href="#template-variables">this list</a> anywhere in
  144. the template.</p>
  145. <p>Invalid characters are automatically transformed and collapsed to underscores. File names
  146. cannot exceed 192 characters and are truncated if longer. The invalid characters are:
  147. <code>[</code> <code>~</code> <code>+</code> <code>\</code> <code>?</code> <code>%</code>
  148. <code>*</code> <code>:</code> <code>|</code> <code>"</code> <code>&lt;</code>
  149. <code>&gt;</code> and control characters from 0 to 31 in the ASCII table.</p>
  150. <p>Template examples:</p>
  151. <ul>
  152. <li><code>{page-title} ({date-iso} {time-locale}).html</code> will produce filenames like
  153. "Introduction to SingleFile (2018-09-15 11_06_03 PM).html" for a page having
  154. "Introduction to SingleFile" as title.</li>
  155. <li><code>archives/{url-last-segment} - {date-iso}</code> will produce filenames like
  156. "welcome - 2018-09-15" for a page hosted on https://example.com/welcome.html. The saved
  157. files will be saved in the sub-directory "archives".</li>
  158. <li><code>archives/{year-locale}/{month-locale}/{day-locale}/{page-title}.html</code> will
  159. produce filenames like "Introduction to SingleFile.html" stored into 3 sub-directories
  160. in the "archives" folder, one for each part of the save date (e.g.
  161. "2018/9/15/Introduction to SingleFile.html").</li>
  162. </ul>
  163. </li>
  164. <li data-options-label="filenameMaxLengthLabel"> <span class="option">Option: max length
  165. (bytes)</span>
  166. <p>Specify the maximum length in bytes of the filename.</p>
  167. </li>
  168. <li data-options-label="confirmFilenameLabel"> <span class="option">Option: open the "Save as"
  169. dialog to confirm the file name</span>
  170. <p>Check this option to display the "Save as" dialog in order to confirm the file name before
  171. saving the page. If the option "save pages in background" is unchecked then a prompt dialog
  172. will be displayed instead of the "Save as" dialog. </p>
  173. </li>
  174. <li data-options-label="filenameConflictActionLabel"> <span class="option">Option: file name
  175. conflict resolution</span>
  176. <p>Choose the most appropriate action when a the filename of the saved page is conflicting with
  177. existing ones on the filesystem. The "skip duplicate files" action only detects duplicates
  178. among files downloaded during the current browsing session.</p>
  179. </li>
  180. </ul>
  181. <p>HTML content</p>
  182. <ul>
  183. <li data-options-label="compressHTMLLabel"> <span class="option">Option: compress HTML
  184. content</span>
  185. <p>Check this option to remove all HTML comments and unneeded tags, spaces, quotes and
  186. whitespace characters. Checking this option helps to reduce the size of the file without
  187. altering the document.</p>
  188. <p class="notice">It is recommended to <u>check</u> this option</p>
  189. </li>
  190. <li data-options-label="removeImportsLabel"> <span class="option">Option: remove HTML imports</span>
  191. <p>Check this option to remove all link elements used to import HTML documents. Checking this
  192. option can help to reduce the size of the file without altering the document.</p>
  193. <p class="notice">It is recommended to <u>check</u> this option</p>
  194. </li>
  195. <li data-options-label="removeHiddenElementsLabel"> <span class="option">Option: remove hidden
  196. elements</span>
  197. <p>Check this option to remove all hidden elements. Checking this option can help to reduce the
  198. size of the file without altering the document. It may also increase the CPU consumption and
  199. the time needed to save a page.</p>
  200. <p class="notice">It is recommended to <u>check</u> this option</p>
  201. </li>
  202. <li data-options-label="removeFramesLabel"> <span class="option">Option: remove frames</span>
  203. <p>Check this option to remove all frame and iframe elements. Checking this option can
  204. considerably reduce the size of the file without altering the document most of the time. It
  205. may also decrease the time needed to save a page.</p>
  206. </li>
  207. <li data-options-label="includeInfobarLabel">Option: include infobar in the saved page
  208. <p>Check this option to display the ℹ button at the top right of the page when viewing a saved
  209. page in a browser where SingleFile is not installed.</p>
  210. </li>
  211. </ul>
  212. <p>Stylesheets</p>
  213. <ul>
  214. <li data-options-label="removeUnusedStylesLabel"> <span class="option">Option: remove unused
  215. styles</span>
  216. <p>Check this option to remove all the CSS rules and styles that do not match any element in the
  217. saved page. Checking this option will not alter the document and can considerably reduce the
  218. size of the file. It will also increase the CPU consumption and the time needed to save a
  219. page.</p>
  220. <p class="notice">It is recommended to <u>check</u> this option</p>
  221. </li>
  222. <li data-options-label="removeAlternativeMediasLabel"> <span class="option">Option: remove
  223. stylesheets for alternative devices to screens</span>
  224. <p>Check this option to remove stylesheets that are not used for the screen display like
  225. stylesheets for print preview and speech synthesizers. Checking this option can help to
  226. reduce the size of the file.</p>
  227. </li>
  228. <li data-options-label="compressCSSLabel"> <span class="option">Option: compress CSS content</span>
  229. <p>Check this option to minify CSS stylesheets. Checking this option can reduce size of the file
  230. without altering the document. It may also increase the CPU consumption and the time needed
  231. to save a page.</p>
  232. <p class="notice">It is recommended to <u>uncheck</u> this option</p>
  233. </li>
  234. </ul>
  235. <p>Images</p>
  236. <ul>
  237. <li data-options-label="groupDuplicateImagesLabel"> <span class="option">Option: group duplicate
  238. images together</span>
  239. <p>Check this option to avoid saving multiple times duplicate images. Checking this option
  240. should not alter the document in modern browsers and can considerably reduce the size of the
  241. file.</p>
  242. <p class="notice">It is recommended to <u>check</u> this option</p>
  243. </li>
  244. <li data-options-label="loadDeferredImagesLabel"> <span class="option">Option: save deferred
  245. images</span>
  246. <p>Check this option to save all the deferred images that are not yet displayed. This may help
  247. to save all the images without scrolling the page. This feature does its best effort and is
  248. not guaranteed to work on all sites. It will also increase the time needed to save a page.
  249. </p>
  250. <p class="notice">It is recommended to <u>check</u> this option</p>
  251. </li>
  252. <li data-options-label="loadDeferredImagesMaxIdleTimeLabel"> <span class="option">Option: maximum
  253. idle time (ms)</span>
  254. <p>Specify the maximum delay of time to wait for deferred images. You can increase this value if
  255. for example the network or system conditions are degraded. You can also decrease this value
  256. otherwise.</p>
  257. </li>
  258. <li data-options-label="loadDeferredImagesKeepZoomLevelLabel"> <span class="option">Option: zoom out
  259. the page</span>
  260. <p>Check this option to save the entire content of a page by zooming out the page. This can help
  261. saving pages using infinite virtual lists for example.
  262. </p>
  263. <p class="notice">It is recommended to <u>uncheck</u> this option</p>
  264. </li>
  265. <li data-options-label="removeAlternativeImagesLabel"> <span class="option">Option: remove images
  266. for alternative screen resolutions</span>
  267. <p>Check this option to remove images that are alternatives in lower and/or higher resolutions
  268. to the ones displayed by default. Checking this option can considerably reduce the size of
  269. the file.</p>
  270. </li>
  271. </ul>
  272. <p>Fonts</p>
  273. <ul>
  274. <li data-options-label="removeUnusedFontsLabel"> <span class="option">Option: remove unused
  275. fonts</span>
  276. <p>Check this option to remove all font CSS rules that do not match any content. Checking this
  277. option should not alter the document and can considerably reduce the size of the file.</p>
  278. <p class="notice">It is recommended to <u>check</u> this option</p>
  279. </li>
  280. <li data-options-label="removeAlternativeFontsLabel"> <span class="option">Option: remove
  281. alternative fonts</span>
  282. <p>Check this option to remove fonts that are alternatives to the ones used. Checking this
  283. option should not alter the document and can considerably reduce the size of the file.</p>
  284. <p class="notice">It is recommended to <u>check</u> this option</p>
  285. </li>
  286. </ul>
  287. <p>Other resources</p>
  288. <ul>
  289. <li data-options-label="removeScriptsLabel"> <span class="option">Option: remove scripts</span>
  290. <p>Check this option to remove all the JavaScript scripts. Unchecking this option may alter the
  291. document and may introduce privacy or security issues.</p>
  292. <p class="notice">It is recommended to <u>check</u> this option</p>
  293. </li>
  294. <li data-options-label="removeVideoLabel"> <span class="option">Option: remove video sources</span>
  295. <p>Check this option to empty the "src" attribute of all video elements.</p>
  296. <p class="notice">It is recommended to <u>check</u> this option</p>
  297. </li>
  298. <li data-options-label="removeAudioLabel"> <span class="option">Option: remove audio sources</span>
  299. <p>Check this option to empty the "src" attribute of all audio elements.</p>
  300. <p class="notice">It is recommended to <u>check</u> this option</p>
  301. </li>
  302. </ul>
  303. <p>Auto-save</p>
  304. <ul>
  305. <li data-options-label="autoSaveLoadOrUnloadLabel"> <span class="option">Option: auto-save after
  306. page load or on page unload</span>
  307. <p>Check this option to auto-save pages after being loaded. If you browse to another page before
  308. the page is fully loaded then the page will be saved just before being unloaded. With this
  309. option active, you are guaranteed pages will always be saved. Some frame contents may be
  310. missing (if you unchecked "remove frames") when pages are saved before being unloaded. </p>
  311. </li>
  312. <li data-options-label="autoSaveLoadLabel"> <span class="option">Option: auto-save after page
  313. load</span>
  314. <p>Check this option to auto-save pages after being loaded.</p>
  315. </li>
  316. <li data-options-label="autoSaveUnloadLabel"> <span class="option">Option: auto-save on page
  317. unload</span>
  318. <p>Check this option to auto-save pages before being unloaded instead of saving pages after
  319. being loaded. With this option active, you are guaranteed pages will always be saved but
  320. some frame contents may be missing (if you unchecked "remove frames"). </p>
  321. </li>
  322. <li data-options-label="autoSaveDelayLabel"> <span class="option">Option: auto-save waiting delay
  323. after load (s)</span>
  324. <p>Specify the delay in seconds to wait before saving a page when the "auto-save on page load or
  325. on page unload" or "auto-save on page load" is checked. </p>
  326. </li>
  327. <li data-options-label="autoSaveRepeatLabel"> <span class="option">Option: auto-save
  328. periodically</span>
  329. <p>Check this option to auto-save pages periodically after load.</p>
  330. </li>
  331. <li data-options-label="autoSaveRepeatDelayLabel"> <span class="option">Option: period (s)</span>
  332. <p>Specify the delay in seconds to wait before each page saving when the "auto-save
  333. periodically" option is checked. </p>
  334. </li>
  335. <li data-options-label="autoSaveExternalSaveLabel"> <span class="option">Option: save the page with
  336. SingleFile Companion</span>
  337. <p>Check this option to delegate the saving process to SingleFile Companion. It is a program
  338. that runs outside the browser and can help to make the saving process more transparent. It
  339. also allows the pages to be saved in another directory than the download directory. You
  340. can find more info <a
  341. href="https://github.com/gildas-lormeau/SingleFile/tree/master/companion">here</a></p>
  342. </li>
  343. </ul>
  344. <p>Annotation editor</p>
  345. <ul>
  346. <li data-options-label="defaultEditorModeLabel"> <span class="option">Option: default mode</span>
  347. <p>Select the default mode when opening the annotation editor. The available choices are:
  348. <ul>
  349. <li><code>normal</code>: default value</li>
  350. <li><code>edit the page</code>: enable the button <img
  351. src="../resources/button_note_edit.png" class="icon"></li>
  352. <li><code>format the page</code>: enable the button <img
  353. src="../resources/button_note_format.png" class="icon"> if the page can be
  354. formatted</li>
  355. <li><code>remove elements</code>: enable the button <img
  356. src="../resources/button_cut_inner.png" class="icon"></li>
  357. </ul>
  358. </p>
  359. </li>
  360. <li data-options-label="applySystemThemeLabel"> <span class="option">Option: apply the system theme
  361. when formatting a page in the annotation editor</span>
  362. <p>Uncheck this option if you do not want to apply the theme of the operating system or the
  363. browser (e.g. dark or light) when you click on the button "Format the page for better
  364. readability" in the annotation editor.</p>
  365. </li>
  366. <li data-options-label="warnUnsavedPageLabel"> <span class="option">Option: warn if leaving page
  367. with unsaved changes</span>
  368. <p>Check this option to display a blocking popup when you leave the annotation editor (e.g.
  369. close the tab) without saving the cahnges.</p>
  370. <p class="notice">It is recommended to <u>check</u> this option</p>
  371. </li>
  372. <li data-options-label="openEditorLabel"> <span class="option">Option: edit page before
  373. saving</span>
  374. <p>Check this option to open the annotation editor before saving any page. Checking this option
  375. removes the entry "Annotate and save the page..." from the context menu.</p>
  376. <p class="notice">It is recommended to <u>uncheck</u> this option</p>
  377. </li>
  378. <li data-options-label="autoOpenEditorLabel"> <span class="option">Option: open the annotation
  379. editor when viewing a page saved with SingleFile </span>
  380. <p>Check this option to open the annotation editor when displaying a page saved by SingleFile.
  381. </p>
  382. <p class="notice">It is recommended to <u>uncheck</u> this option</p>
  383. </li>
  384. </ul>
  385. <p>Misc.</p>
  386. <ul>
  387. <li data-options-label="backgroundSaveLabel"> <span class="option">Option: save pages in
  388. background</span>
  389. <p>Uncheck this option if you get invalid file names like
  390. "37bec68b-446a-46a5-8642-19a89c231b46.html" or interrupted downloads when saving pages. You
  391. can also uncheck this option if you want the "Save as" dialog to remember the last saved
  392. path. Unchecking this option prevent using sub-directories in filename templates.</p>
  393. <p class="notice">It is recommended to <u>check</u> this option</p>
  394. </li>
  395. <li data-options-label="displayStatsLabel"> <span class="option">Option: display stats in the
  396. console after processing</span>
  397. <p>Check this option to display stats about processing in the JavaScript developer tools of your
  398. browser. Checking this option may increase the CPU consumption and the time needed to save a
  399. page. </p>
  400. <p class="notice">It is recommended to <u>uncheck</u> this option</p>
  401. </li>
  402. <li data-options-label="setMaxResourceSizeLabel"> <span class="option">Option: set a maximum size
  403. for embedded resources (MB)</span>
  404. <p>Check this option to remove from the saved page embedded resources (i.e. images, stylesheets,
  405. scripts and iframes) that exceeds a given size.</p>
  406. </li>
  407. <li data-options-label="maxResourceSizeLabel"> <span class="option">Option: maximum size (MB)</span>
  408. <p>Specify the maximum size of embedded resources in megabytes.</p>
  409. </li>
  410. <li data-options-label="saveRawPageLabel"> <span class="option">Option: save raw page</span>
  411. <p>Check this option to save the page without interpreting JavaScript. Checking this option may
  412. alter the document, will force the options "remove frames", "remove hidden elements" to
  413. be enabled and "save deferred images" to be disabled.</p>
  414. <p class="notice">It is recommended to <u>uncheck</u> this option</p>
  415. </li>
  416. <li data-options-label="saveToClipboardLabel"> <span class="option">Option: save to clipboard</span>
  417. <p>Check this option to copy the page to the clipboard instead of downloading it on your
  418. computer. Checking this option will force the "File name" options to be disabled.</p>
  419. <p class="notice">It is recommended to <u>uncheck</u> this option</p>
  420. </li>
  421. <li data-options-label="addProofLabel"> <span class="option">Option: add proof od existence</span>
  422. <p>Check this option to create a worldwide proof of the existence of the page you want to save.
  423. </p>
  424. <ul>
  425. <li>
  426. <strong>What is a proof of existence (data anchoring)?</strong><br>
  427. Data anchoring consists in building a time-stamped proof of existence for a data by
  428. linking it to a tamper resistant and time-stamped blockchain. Data anchoring
  429. implementation relies on the resilience and immutability of the Bitcoin blockchain
  430. to provide the best possible security level
  431. </li>
  432. <li>
  433. <strong>How does this protect my data?</strong><br>
  434. The anchoring mechanism only handles data impressions. Your data remains where you
  435. calculate the fingerprints, i.e. in the browser. Their confidentiality is totally
  436. preserved.
  437. </li>
  438. <li>
  439. <strong>
  440. The day after your backup you can get freely the proof receipt here: <a
  441. href="https://gildas-lormeau.github.io/singlefile-woleet/index.html">gildas-lormeau.github.io/singlefile-woleet/index.html</a>.
  442. A proof receipt will be used to verify the validity of the evidence
  443. </strong>
  444. </li>
  445. </ul>
  446. <p>
  447. More information <a href="https://doc.woleet.io">doc.woleet.io</a>
  448. </p>
  449. </li>
  450. <li data-options-label="saveToGDriveLabel"> <span class="option">Option: save to Google Drive</span>
  451. <p>Check this option to save the page on Google Drive instead of downloading it on your
  452. computer. Checking this option will force some "File name" options to be disabled.
  453. However, you can change the value of the "File name &gt; template" option to save files into
  454. sub-folders, e.g. "<code>SingleFile/{page-title} ({date-iso} {time-locale}).html</code>" to
  455. save pages in the folder named "SingleFile".
  456. </p>
  457. <p>
  458. The permissions requested by SingleFile allow it to access only to the files and folders it
  459. has created. When you uncheck this option, SingleFile revokes automatically its access to
  460. your Google Drive account.
  461. </p>
  462. <p class="notice">It is recommended to <u>uncheck</u> this option</p>
  463. </li>
  464. <li data-options-label="saveCreatedBookmarksLabel"> <span class="option">Option: save the page of a
  465. newly created bookmark</span>
  466. <p>
  467. Check this option to save pages that you add into your bookmarks. Note that if the page is
  468. to be saved is not already displayed in a tab, SingleFile will open temporarily
  469. a new tab to save the page.
  470. </p>
  471. <p class="notice">It is recommended to <u>uncheck</u> this option</p>
  472. </li>
  473. <li data-options-label="replaceBookmarkURLLabel"> <span class="option">Option: link the new bookmark
  474. to the saved page</span>
  475. <p>
  476. Check this option to replace the URL of the page added into your bookmark with the file URI
  477. of the saved page on your disk.
  478. </p>
  479. <p class="notice">It is recommended to <u>uncheck</u> this option</p>
  480. </li>
  481. </ul>
  482. <p id="auto-settings-rules">Auto-settings rules</p>
  483. <ul>
  484. <li>The auto-settings rules let you associate a complete or partial URL with a profile. It also
  485. allows to associate a specific profile for the auto-save, or to disable it (check "display
  486. 'Auto-save profile' column"). When two or more rules match a URL of a page to save, the rule
  487. with the longest URL will be chosen. The special profile "-" means the current profile. </li>
  488. <li>You can use the special value "*" as URL to create a rule that applies to all URLs</li>
  489. <li>You can use regular expressions by prefixing the URL with "regexp:" (e.g. "regexp:.*\.com" to
  490. match all URLs containing ".com"). When zero or more rules based on URLs and one or more rules
  491. based on regular expressions match a URL, the longest rule based on regular expression will be
  492. chosen. </li>
  493. </ul>
  494. <p>Form buttons</p>
  495. <ul>
  496. <li><span class="option">synchronize options</span>
  497. <p>Check this option to synchronize your options and make them available in all instances of the
  498. browser you are logged into, on different devices.</p>
  499. </li>
  500. <li><span class="option">Reset</span>
  501. <p>Reset all options to their default values.</p>
  502. </li>
  503. </ul>
  504. </li>
  505. <li><a id="annotation-editor">Annotation editor</a>
  506. <p>The annotation editor can be opened by selecting "Annotate and save the page" in the context menu or
  507. by enabling the option "Annotation editor &gt; edit page before saving". It allows you to:
  508. <ul>
  509. <li>add notes by clicking one of these buttons: <img src="../resources/button_note_yellow.png"
  510. class="icon">
  511. <img src="../resources/button_note_pink.png" class="icon"> <img
  512. src="../resources/button_note_blue.png" class="icon">
  513. <img src="../resources/button_note_green.png" class="icon"></li>
  514. <li>hide or show notes by clicking the button <img src="../resources/button_note_visible.png"
  515. class="icon"></li>
  516. <li>highlight text by clicking one of these buttons: <img
  517. src="../resources/button_highlighter_yellow.png" class="icon"> <img
  518. src="../resources/button_highlighter_pink.png" class="icon"> <img
  519. src="../resources/button_highlighter_blue.png" class="icon"> <img
  520. src="../resources/button_highlighter_green.png" class="icon"></li>
  521. <li>hide or show highligted text by clicking the button <img
  522. src="../resources/button_highlighter_visible.png" class="icon"></li>
  523. <li>remove text highlighting by clicking the button <img
  524. src="../resources/button_highlighter_delete.png" class="icon"></li>
  525. <li>edit the page by clicking the button <img src="../resources/button_note_edit.png" class="icon">
  526. </li>
  527. <li>format the page to improve readability (when possible) by clicking the button <img
  528. src="../resources/button_note_format.png" class="icon">
  529. </li>
  530. <li>remove contents by clicking the button <img src="../resources/button_cut.png" class="icon">,
  531. undo removes by clicking the button <img src="../resources/button_undo_cut.png" class="icon"> or
  532. the button <img src="../resources/button_undo_all_cut.png" class="icon">, and redo removes by
  533. clicking the button <img src="../resources/button_redo_cut.png" class="icon">.
  534. <br>
  535. You can also use the following keyboard shortcuts when removing contents:
  536. <ul>
  537. <li><code>Tab</code>: expand the selection</li>
  538. <li><code>Shift-Tab</code>: reduce the selection</li>
  539. <li><code>Space</code>: remove the selected element</li>
  540. <li><code>Ctrl-Z</code>: undo the last removal</li>
  541. <li><code>Ctrl-Shift-Z</code>: redo the last removal</li>
  542. </ul>
  543. </li>
  544. <li>save the page by clicking the button <img src="../resources/button_download.png" class="icon">.
  545. </ul>
  546. </p>
  547. </li>
  548. <li><a id="template-variables">Template variables</a>
  549. <p>The template variables are used to customize the infobar content or the file name of a saved page.
  550. They help to insert dynamic values like the save date or the page title.</p>
  551. <p>
  552. You can limit the length of a dynamic value by adding <code>[<em>maxByteSize</em>]</code> just after
  553. the variable name. The <code>maxByteSize</code> value is the maximum length of the value in bytes
  554. (e.g. `{page-title}[20]` to limit the title to 20 bytes).</p>
  555. <ul>
  556. <li><code>{page-title}</code>: the title of the page</li>
  557. <li><code>{page-heading}</code>: the content of the H1 tag in the page</li>
  558. <li><code>{page-language}</code>: the language of the page</li>
  559. <li><code>{page-description}</code>: the description of the page</li>
  560. <li><code>{page-author}</code>: the author of the page</li>
  561. <li><code>{page-creator}</code>: the creator of the page</li>
  562. <li><code>{page-publisher}</code>: the publisher of the page</li>
  563. <li><code>{datetime-iso}</code>: the save date and time in the ISO format (e.g.
  564. "2018-09-15T22_38_26_317Z")</li>
  565. <li><code>{datetime-utc}</code>: the save date and time in UTC format (e.g. "Sat, 15 Sep 2018
  566. 22_38_26 GMT")</li>
  567. <li><code>{datetime-locale}</code>: the localized value of the date and time (e.g. "9_16_2018,
  568. 12_54_31 AM")</li>
  569. <li><code>{date-iso}</code>: the save date in the ISO format (e.g. "2018-09-15")</li>
  570. <li><code>{date-locale}</code>: the localized value of the save date (e.g. "16_09_2018")</li>
  571. <li><code>{time-iso}</code>: the save time in the ISO format (e.g. "22_38_26_317")</li>
  572. <li><code>{time-locale}</code>: the localized value of the save time (e.g. "00_38_26")</li>
  573. <li><code>{day-utc}</code>: the day of the save date in UTC format (e.g. "15")</li>
  574. <li><code>{day-locale}</code>: the localized value of the day (e.g. "15")</li>
  575. <li><code>{month-utc}</code>: the month of the save date in UTC format (e.g. "09")</li>
  576. <li><code>{month-locale}</code>: the localized value of the month (e.g. "09")</li>
  577. <li><code>{year-utc}</code>: the year of the save date in UTC format (e.g. "2018")</li>
  578. <li><code>{year-locale}</code>: the localized value of the year (e.g. "2018")</li>
  579. <li><code>{hours-utc}</code>: the hour of the save date in UTC format (e.g. "20")</li>
  580. <li><code>{hours-locale}</code>: the localized value of the hour (e.g. "22")</li>
  581. <li><code>{minutes-utc}</code>: the minutes of the save date in UTC format (e.g. "38")</li>
  582. <li><code>{minutes-locale}</code>: the localized value of the minutes (e.g. "38")</li>
  583. <li><code>{seconds-utc}</code>: the seconds of the save date in UTC format (e.g. "31")</li>
  584. <li><code>{seconds-locale}</code>: the localized value of the seconds (e.g. "31")</li>
  585. <li><code>{url-href}</code>: the URL of the page (e.g. "http://example.com/category/index.html")
  586. </li>
  587. <li><code>{url-href-flat}</code>: the URL of the page with replaced slashes (e.g.
  588. "http__example.com_category_index.html")</li>
  589. <li><code>{url-pathname}</code>: the path name of the URL (e.g. "category/index.html")</li>
  590. <li><code>{url-pathname-flat}</code>: the path name of the URL with replaced slashes (e.g.
  591. "category_index.html")</li>
  592. <li><code>{url-last-segment}</code>: the last part of the pathname (without the extension) or the
  593. host if not found (e.g. "index")</li>
  594. <li><code>{url-protocol}</code>: the protocol of the URL (e.g. "https")</li>
  595. <li><code>{url-host}</code>: the host name + the port of the URL (e.g. "example.com_8080")</li>
  596. <li><code>{url-hostname}</code>: the host name of the URL (e.g. "example.com")</li>
  597. <li><code>{url-port}</code>: the port of the URL (e.g. "8080")</li>
  598. <li><code>{url-username}</code>: the user name of the URL (e.g. "john_doe")</li>
  599. <li><code>{url-password}</code>: the password of the URL (e.g. "qwerty123")</li>
  600. <li><code>{url-search}</code>: the search string of the URL (e.g. "order=ascending")</li>
  601. <li><code>{url-search-&lt;name&gt;}</code>: the query parameter "&lt;name&gt;" in the the search
  602. string of the URL (e.g. "url-search-order" will return "ascending" in the previous example)</li>
  603. <li><code>{url-hash}</code>: the hash of the URL (e.g. "chapter-2")</li>
  604. <li><code>{url-referrer}</code>: the URI of the page that "linked" to the page (e.g.
  605. "http://example.com")</li>
  606. <li><code>{url-referrer-flat}</code>: the URI of the page that "linked" to the page with slashed
  607. replaced (e.g. "http_example.com")</li>
  608. <li><code>{tab-id}</code>: the unique identifier of the tab (e.g. "326")</li>
  609. <li><code>{tab-index}</code>: the index of the tab in the window (e.g. "1")</li>
  610. <li><code>{digest-sha-256}</code>: the SHA-256 hash value of the entire page content (e.g.
  611. e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855)</li>
  612. <li><code>{digest-sha-384}</code>: the SHA-384 hash value of the entire page content</li>
  613. <li><code>{digest-sha-512}</code>: the SHA-512 hash value of the entire page content</li>
  614. </ul>
  615. </li>
  616. <li><a id="notes">Technical notes</a>
  617. <ul>
  618. <li>All images are converted into <a href="http://en.wikipedia.org/wiki/Base64">base64</a>. </li>
  619. <li>All resources except frame contents are injected in the document using <a
  620. href="http://en.wikipedia.org/wiki/Data_URI_scheme">data URI scheme</a>. </li>
  621. <li>Frame contents are injected as text in the document by using the srcdoc attribute. </li>
  622. </ul>
  623. </li>
  624. <li><a id="known-issues">Known issues</a>
  625. <ul>
  626. <li>All browsers <ul>
  627. <li>For security reasons, you cannot save pages hosted on https://chrome.google.com,
  628. https://addons.mozilla.org and some other Mozilla domains. When this happens, 🚫 is
  629. displayed on top of the SingleFile icon.</li>
  630. <li>For security reasons, SingleFile is sometimes unable to save the image representation of
  631. a
  632. canvas element.</li>
  633. <li>The last saved path cannot be remembered by default. To circumvent this limitation,
  634. disable the option "Misc. &gt; Save pages in background".</li>
  635. <li>The following characters are replaced with _ in filenames: ~, +, \, ?, %, *, :, |, ",
  636. &lt;, &gt;</li>
  637. </ul>
  638. </li>
  639. <li>Chrome/Opera <ul>
  640. <li>You must enable the option "Allow access to file URLs" in the extension page to display
  641. the infobar when viewing a saved page, or to save a page stored on the filesystem.</li>
  642. <li>If the filename of a saved page looks like "56833935-156b-4d8c-a00f-19599c6513d3",
  643. disable the option "Misc. &gt; Save pages in background". Reinstalling the browser may
  644. also fix this issue.</li>
  645. <li>Disabling the option 'File name &gt; open the "Save as" dialog to confirm the file name'
  646. will work if and only if "Ask where to save each file before downloading" is disabled in
  647. chrome://settings/downloads</li>
  648. </ul>
  649. </li>
  650. <li>Firefox <ul>
  651. <li>The "file name conflict resolution" option does not work if set to "prompt for a name".
  652. </li>
  653. </ul>
  654. </li>
  655. </ul>
  656. </li>
  657. <li><a id="unknown-issues">Troubleshooting unknown issues</a>
  658. <p>Please follow these steps if you find an unknown issue:</p>
  659. <ul>
  660. <li>Save the page in incognito.</li>
  661. <li>If saving page in incognito did not fix the issue, reset SingleFile options.</li>
  662. <li>If resetting options did not fix the issue, restart the browser.</li>
  663. <li>If restarting the browser did not fix the issue, try to disable all other extensions to see if
  664. there is a conflict.</li>
  665. <li>If there is a conflict then try to determine against which extension(s).</li>
  666. <li>Please report the issue <a href="https://github.com/gildas-lormeau/SingleFile/issues">here</a>
  667. with a short description on how to reproduce it.</li>
  668. </ul>
  669. <p>Suggestions are welcome :)</p>
  670. </li>
  671. <li><a id="contributors">Contributors</a>
  672. <ul>
  673. <li>Chinese translation done by yfdyh000 (<a href="https://github.com/yfdyh000">GitHub profile</a>),
  674. KrasnayaPloshchad (<a href="https://github.com/KrasnayaPloshchad">GitHub profile</a>),
  675. frostblazergit (<a href="https://github.com/frostblazergit">GitHub profile</a>),
  676. NightSharp (<a href="https://github.com/NightSharp">GitHub profile</a>)
  677. </li>
  678. <li>Traditional Chinese translation done by frostblazergit (<a
  679. href="https://github.com/frostblazergit">GitHub profile</a>)</li>
  680. <li>German translation done by womotroll (<a href="https://github.com/womotroll">GitHub
  681. profile</a>), bannmann (<a href="https://github.com/bannmann">GitHub profile</a>)
  682. </li>
  683. <li>Japanese translation, done by Shitennouji (四天王寺) (<a
  684. href="https://github.com/Shitennouji">GitHub profile</a>)</li>
  685. <li>Polish translation done by xesarni (<a href="https://github.com/xesarni">GitHub profile</a>)
  686. </li>
  687. <li>Russian translation done by rstp14 (<a href="https://github.com/rstp14">GitHub profile</a>),
  688. kramola-RU (<a href="https://github.com/kramola-RU">GitHub profile</a>), solokot (<a
  689. href="https://github.com/solokot">GitHub profile</a>)</li>
  690. <li>Ukrainian translation done by perdolka (<a href="https://github.com/perdolka">GitHub
  691. profile</a>)</li>
  692. <li>Spanish translation done by strel (<a href="https://github.com/strel">GitHub profile</a>)</li>
  693. </ul>
  694. </li>
  695. <li><a id="icons">Icons</a>
  696. <ul>
  697. <li>Icon made by <a href="https://www.flaticon.com/authors/kiranshastry"
  698. title="Kiranshastry">Kiranshastry</a> from <a href="https://www.flaticon.com/"
  699. title="Flaticon">www.flaticon.com</a> is licensed by <a
  700. href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0"
  701. target="_blank">CC 3.0 BY</a> </li>
  702. </ul>
  703. </li>
  704. </ol>
  705. </div>
  706. </body>
  707. </html>