首頁 探索 說明
登入
mirrors
/
SingleFile
镜像来自 https://github.com/gildas-lormeau/SingleFile
1
0
複刻 0
檔案 問題管理 0 Wiki
目錄樹: ac130f8f80
分支列表 標籤列表
SingleFile
/
src
/
ui
/
pages
/
help.html

help.html 60 KB
文件歷史 原始文件

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. <head>
    5. 

  5. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    6. 

  6. 	<title>SingleFile help</title>
    7. 

  7. 	<link rel="stylesheet" href="help.css">
    8. 

  8. 	<meta name="viewport" content="width=device-width,initial-scale=1">
    9. 

  9. 	<meta name="color-scheme" content="light dark">
    10. 

  10. 	<link rel="icon" href="/src/ui/resources/icon_128.png">
    11. 

  11. </head>
    12. 

  12. 

  13. <body>
    14. 

  14. 	<div>
    15. 

  15. 		<div id="titleBorder">
    16. 

  16. 			<h2>SingleFile</h2>
    17. 

  17. 			<h4>Save a complete page into a single HTML file</h4>
    18. 

  18. 		</div> <span id="index"> <a href="#getting-started">Getting started</a> - <a href="#general-notes">Additional
    19. 

  19. 				notes</a> - <a href="#options">Options description</a> - <a href="#annotation-editor">Annotation
    20. 

  20. 				editor</a> - <a href="#notes">Technical notes</a> - <a href="#template-variables">Template variables</a>
    21. 

  21. 			- <a href="#external-messages">Integration with other extensions</a> - <a href="#known-issues">Known
    22. 

  22. 				issues</a> - <a href="#unknown-issues">Troubleshooting unknown issues</a> -
    23. 

  23. 			<a href="#contributors">Contributors</a> </span>
    24. 

  24. 		<hr>
    25. 

  25. 		<ol>
    26. 

  26. 			<li><a id="getting-started">Getting started</a>
    27. 

  27. 				<ul>
    28. 

  28. 					<li>Wait until the page is fully loaded.</li>
    29. 

  29. 					<li>Click on the SingleFile button <img src="../resources/icon_16.png" class="icon"> in the
    30. 

  30. 						extension toolbar to process and save the page.</li>
    31. 

  31. 					<li>You can click again on the button to cancel the action when processing a page.</li>
    32. 

  32. 				</ul>
    33. 

  33. 			</li>
    34. 

  34. 			<li><a id="general-notes">Additional notes</a>
    35. 

  35. 				<ul>
    36. 

  36. 					<li>To save multiple tabs, select them first and click on the SingleFile button <img
    37. 

  37. 							src="../resources/icon_16.png" class="icon">.</li>
    38. 

  38. 					<li>Open the context menu by right-clicking the SingleFile button <img
    39. 

  39. 							src="../resources/icon_16.png" class="icon"> in the extension toolbar or on the webpage. It
    40. 

  40. 						allows you to save: <ul>
    41. 

  41. 							<li>the current tab,</li>
    42. 

  42. 							<li>or the selected content,</li>
    43. 

  43. 							<li>or the selected frame.</li>
    44. 

  44. 						</ul>
    45. 

  45. 					</li>
    46. 

  46. 					<li>You can also process multiple tabs in one click and save: <ul>
    47. 

  47. 							<li id="selectableTabsMenu">the selected tabs,</li>
    48. 

  48. 							<li>or the unpinned tabs,</li>
    49. 

  49. 							<li>or all the tabs.</li>
    50. 

  50. 						</ul>
    51. 

  51. 					</li>
    52. 

  52. 					<li id="autoSaveMenu">The context menu also allows you to activate the auto-save of: <ul>
    53. 

  53. 							<li>the current tab,</li>
    54. 

  54. 							<li>or the unpinned tabs,</li>
    55. 

  55. 							<li>or all the tabs.</li>
    56. 

  56. 						</ul>
    57. 

  57. 					</li>
    58. 

  58. 					<li>You can highlight text, add notes, format and remove content before saving the page with the <a
    59. 

  59. 							href="#annotation-editor">Annotation editor</a> by selecting "Annotate and save the page..."
    60. 

  60. 						in the context menu</li>
    61. 

  61. 					<li id="autoSaveHint">With auto-save active, pages are automatically saved every time after being
    62. 

  62. 						loaded (or before
    63. 

  63. 						being unloaded if not). </li>
    64. 

  64. 					<li>Select "Save Selection" from the context menu without selecting any content first to display a
    65. 

  65. 						selector that will help you choose content by hovering over it with the mouse.</li>
    66. 

  66. 					<li>Right-click on the SingleFile button and select "Options" to open the options page.</li>
    67. 

  67. 					<li id="saveToGDriveHint">Enable the option "Destination &gt; upload to Google Drive" to upload
    68. 

  68. 						pages to Google Drive</li>
    69. 

  69. 					<li id="shortcutsSection">You can use the customizable shortcut Ctrl+Shift+Y to save the current tab
    70. 

  70. 						or the selected tabs.
    71. 

  71. 						Go to about:addons and select "Manage extension shortcuts" in the cogwheel menu to change it in
    72. 

  72. 						Firefox. Go to chrome://extensions/shortcuts to change it in Chrome..</li>
    73. 

  73. 					<li>The default save folder is the download folder configured in your browser, cf. about:preferences
    74. 

  74. 						in Firefox, chrome://settings in Chrome, and Settings > General > File download location in
    75. 

  75. 						Safari.</li>
    76. 

  76. 				</ul>
    77. 

  77. 			</li>
    78. 

  78. 			<li><a id="options">Options description</a>
    79. 

  79. 				<p>You can customize SingleFile through the options page. Right-click on SingleFile button <img
    80. 

  80. 						src="../resources/icon_16.png" class="icon"> in the browser toolbar and select "Options"/"Manage
    81. 

  81. 					extension" in the context menu to open the options page.</p>
    82. 

  82. 				<p>Profiles</p>
    83. 

  83. 				<ul>
    84. 

  84. 					<li>
    85. 

  85. 						<p>A profile is a set of user-defined options associated to a unique name.</p>
    86. 

  86. 						<p>The drop-down list in the upper right of the options page allows you to select a profile and
    87. 

  87. 							modify the associated options. The buttons next to the drop-down list allows you
    88. 

  88. 							respectively to create, delete and rename a profile. </p>
    89. 

  89. 					</li>
    90. 

  90. 					<li>
    91. 

  91. 						<p>You can select the default profile through the context menu of SingleFile. The selection is
    92. 

  92. 							persistent and applied to all tabs. </p>
    93. 

  93. 					</li>
    94. 

  94. 					<li>
    95. 

  95. 						<p>You can also override the default profile by associating a profile to a complete or partial
    96. 

  96. 							URL. See the description of the <a href="#auto-settings-rules">Auto-settings rules</a>
    97. 

  97. 							feature for more info. </p>
    98. 

  98. 					</li>
    99. 

  99. 				</ul>
    100. 

  100. 				<p>User interface</p>
    101. 

  101. 				<ul>
    102. 

  102. 					<li data-options-label="addMenuEntryLabel"> <span class="option">Option: add entry in the context
    103. 

  103. 							menu of the webpage</span>
    104. 

  104. 						<p>Check this option to display an entry for SingleFile in the context menu of the webpage. The
    105. 

  105. 							context menu of the SingleFile button <img src="../resources/icon_16.png" class="icon"> in
    106. 

  106. 							the extension toolbar is displayed whether this option is checked or not. </p>
    107. 

  107. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    108. 

  108. 					</li>
    109. 

  109. 					<li data-options-label="shadowEnabledLabel"> <span class="option">Option: overlay a shadow on the
    110. 

  110. 							page during processing</span>
    111. 

  111. 						<p>Check this option to overlay a shadow on the page when SingleFile is retrieving page
    112. 

  112. 							resources. This reminds you that you should not close the tab. </p>
    113. 

  113. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    114. 

  114. 					</li>
    115. 

  115. 					<li data-options-label="openSavedPageLabel" id="openSavedPageOption"> <span class="option">Option:
    116. 

  116. 							open saved pages in a new tab</span>
    117. 

  117. 						<p>Check this option to display the saved page in a new tab. This option can be useful, for
    118. 

  118. 							example, in order to check the page is properly saved. This option does not work with
    119. 

  119. 							archive formats based on ZIP files.</p>
    120. 

  120. 					</li>
    121. 

  121. 					<li data-options-label="autoCloseLabel"> <span class="option">Option: auto-close the tab after the
    122. 

  122. 							page is saved</span>
    123. 

  123. 						<p>Check this option to automatically close the tab after saving the page displayed inside. </p>
    124. 

  124. 					</li>
    125. 

  125. 				</ul>
    126. 

  126. 				<p>File name</p>
    127. 

  127. 				<ul>
    128. 

  128. 					<li data-options-label="filenameTemplateLabel"> <span class="option">Option: template</span>
    129. 

  129. 						<p>The template allows you to customize the file name of saved pages. You can use any valid
    130. 

  130. 							character and "/" to create sub-folders (with the option "save pages in background" active).
    131. 

  131. 							You can also use any variables from <a href="#template-variables">this list</a> anywhere in
    132. 

  132. 							the template.</p>
    133. 

  133. 						<p>Invalid characters are automatically transformed and collapsed to underscores. File names
    134. 

  134. 							cannot exceed 192 characters and are truncated if longer. The invalid characters are:
    135. 

  135. 							<code>[</code> <code>~</code> <code>+</code> <code>\</code> <code>?</code> <code>%</code>
    136. 

  136. 							<code>*</code> <code>:</code> <code>|</code> <code>"</code> <code>&lt;</code>
    137. 

  137. 							<code>&gt;</code> and control characters from 0 to 31 in the ASCII table.
    138. 

  138. 						</p>
    139. 

  139. 						<p>Template examples:</p>
    140. 

  140. 						<ul>
    141. 

  141. 							<li><code>{page-title} ({date-iso} {time-locale}).html</code> will produce filenames like
    142. 

  142. 								"Introduction to SingleFile (2018-09-15 11_06_03 PM).html" for a page having
    143. 

  143. 								"Introduction to SingleFile" as title.</li>
    144. 

  144. 							<li><code>archives/{url-last-segment} - {date-iso}</code> will produce filenames like
    145. 

  145. 								"welcome - 2018-09-15" for a page hosted on https://example.com/welcome.html. The saved
    146. 

  146. 								files will be saved in the sub-directory "archives".</li>
    147. 

  147. 							<li><code>archives/{year-locale}/{month-locale}/{day-locale}/{page-title}.html</code> will
    148. 

  148. 								produce filenames like "Introduction to SingleFile.html" stored into 3 sub-directories
    149. 

  149. 								in the "archives" folder, one for each part of the save date (e.g.
    150. 

  150. 								"2018/9/15/Introduction to SingleFile.html").</li>
    151. 

  151. 						</ul>
    152. 

  152. 					</li>
    153. 

  153. 					<li data-options-label="filenameMaxLengthLabel"> <span class="option">Option: max length</span>
    154. 

  154. 						<p>Enter the maximum length of the filename (without the extension) and its unit (bytes or
    155. 

  155. 							characters).</p>
    156. 

  156. 					</li>
    157. 

  157. 					<li data-options-label="filenameReplacementCharacterLabel"> <span class="option">Option: replacement
    158. 

  158. 							character</span>
    159. 

  159. 						<p>Enter the character used to replace invalid characters in the filename.</p>
    160. 

  160. 					</li>
    161. 

  161. 					<li data-options-label="confirmFilenameLabel" id="confirmFilenameOption"> <span
    162. 

  162. 							class="option">Option: open the "Save as"
    163. 

  163. 							dialog to confirm the file name</span>
    164. 

  164. 						<p>Check this option to display the "Save as" dialog in order to confirm the file name before
    165. 

  165. 							saving the page. If the option "save pages in background" is unchecked then a prompt dialog
    166. 

  166. 							will be displayed instead of the "Save as" dialog. </p>
    167. 

  167. 					</li>
    168. 

  168. 					<li data-options-label="filenameConflictActionLabel" id="filenameConflictActionOption"> <span
    169. 

  169. 							class="option">Option: file name
    170. 

  170. 							conflict resolution</span>
    171. 

  171. 						<p>Choose the most appropriate action when the filename of the saved page is conflicting with
    172. 

  172. 							existing ones on the filesystem. The "skip duplicate files" action only detects duplicates
    173. 

  173. 							among files downloaded during the current browsing session.</p>
    174. 

  174. 					</li>
    175. 

  175. 					<li data-options-label="replaceEmojisInFilenameLabel">
    176. 

  176. 						<span class="option">Option: replace emojis with text</span>
    177. 

  177. 						<p>Check this option to replace emojis in the file name with their unicode text representation.
    178. 

  178. 						</p>
    179. 

  179. 					</li>
    180. 

  180. 				</ul>
    181. 

  181. 				<p>File format</p>
    182. 

  182. 				<ul>
    183. 

  183. 					<li data-options-label="fileFormatSelectLabel">
    184. 

  184. 						<span class="option">Option: format</span>
    185. 

  185. 						<p>Select the ouput format of the saved file:
    186. 

  186. 						</p>
    187. 

  187. 						<ul>
    188. 

  188. 							<li><code>"HTML"</code>: HTML file (default format). This format produces HTML files that do
    189. 

  189. 								not depend on JavaScript to be opened.
    190. 

  190. 							</li>
    191. 

  191. 							<li><code>"self-extracting ZIP (universal)"</code>: self-extracting ZIP file that can be
    192. 

  192. 								opened on any platform. This format produces files smaller than the "HTML" format but
    193. 

  193. 								requires JavaScript to be enabled to open the file.
    194. 

  194. 							</li>
    195. 

  195. 							<li><code>"self-extracting ZIP"</code>: self-extracting ZIP file that can be
    196. 

  196. 								opened on any platform from HTTP but not from the filesystem in some browsers (e.g.
    197. 

  197. 								in browsers based on Chromium or WebKit) without SingleFile to be installed. This format
    198. 

  198. 								produces files smaller (approx. 1%) than the "self-extracting ZIP (universal)" format.
    199. 

  199. 							</li>
    200. 

  200. 							<li><code>"ZIP"</code>: ZIP file</li>
    201. 

  201. 						</ul>
    202. 

  202. 					</li>
    203. 

  203. 					<li data-options-label="passwordLabel">
    204. 

  204. 						<span class="option">Option: password</span>
    205. 

  205. 						<p>Type a password to encrypt the ZIP file with AES-256 (compatible with Winzip). Be careful, if
    206. 

  206. 							you lose the password, it will be impossible to open the file. Enabling this option
    207. 

  207. 							increases the CPU consumption and the time needed to save or read a page.</p>
    208. 

  208. 						</p>
    209. 

  209. 					</li>
    210. 

  210. 					<li data-options-label="createRootDirectoryLabel">
    211. 

  211. 						<span class="option">Option: create a root directory</span>
    212. 

  212. 						<p>Check this option to create a root directory in the ZIP file. The directory name consists of
    213. 

  213. 							a timestamp and the identifier of the tab where the saved page is displayed.
    214. 

  214. 						</p>
    215. 

  215. 					</li>
    216. 

  216. 					<li data-options-label="insertTextBodyLabel">
    217. 

  217. 						<span class="option">Option: make text searchable</span>
    218. 

  218. 						<p>Check this option to insert the text content of the saved page into the self-extracting ZIP
    219. 

  219. 							file. This makes it possible, for example, to search for pages from the text. Note that if
    220. 

  220. 							the selected fomrmat is "self-extracting ZIP (universal)", the text content is
    221. 

  221. 							encoded in UTF-8 but the page is declared in ISO-8859-1.
    222. 

  222. 						</p>
    223. 

  223. 					</li>
    224. 

  224. 				</ul>
    225. 

  225. 				<p>HTML content</p>
    226. 

  226. 				<ul>
    227. 

  227. 					<li data-options-label="compressHTMLLabel"> <span class="option">Option: compress HTML
    228. 

  228. 							content</span>
    229. 

  229. 						<p>Check this option to remove all HTML comments and unneeded tags, spaces, quotes and
    230. 

  230. 							whitespace characters. Checking this option helps to reduce the size of the file without
    231. 

  231. 							altering the document.</p>
    232. 

  232. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    233. 

  233. 					</li>
    234. 

  234. 					<li data-options-label="removeHiddenElementsLabel"> <span class="option">Option: remove hidden
    235. 

  235. 							elements</span>
    236. 

  236. 						<p>Check this option to remove all hidden elements. Checking this option can help to reduce the
    237. 

  237. 							size of the file without altering the document. It may also increase the CPU consumption and
    238. 

  238. 							the time needed to save a page.</p>
    239. 

  239. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    240. 

  240. 					</li>
    241. 

  241. 					<li data-options-label="insertMetaCSPLabel"> <span class="option">Option: set content security
    242. 

  242. 							policy</span>
    243. 

  243. 						<p>Check this option to add a meta tag with a policy to block any external resources from being
    244. 

  244. 							loaded.</p>
    245. 

  245. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    246. 

  246. 					</li>
    247. 

  247. 					<li data-options-label="removeFramesLabel"> <span class="option">Option: remove frames</span>
    248. 

  248. 						<p>Check this option to remove all frame and iframe elements. Checking this option can
    249. 

  249. 							considerably reduce the size of the file without altering the document most of the time. It
    250. 

  250. 							may also decrease the time needed to save a page.</p>
    251. 

  251. 					</li>
    252. 

  252. 					<li data-options-label="saveOriginalURLsLabel"> <span class="option"></span>: save original
    253. 

  253. 						URLs of embedded resources</span>
    254. 

  254. 						<p>Check this option to save the URLs of the resources embedded into the saved page. URLs
    255. 

  255. 							are stored in attributes with a name prefixed with "data-sf-original-" and suffixed with the
    256. 

  256. 							original attribute name (e.g. "data-sf-original-src", "data-sf-original-href") for HTML
    257. 

  257. 							contents. For CSS contents, URLs are stored as comments beginning with "original URL:".
    258. 

  258. 					</li>
    259. 

  259. 					<li data-options-label="removeInfobarSavedDateLabel">
    260. 

  260. 						<span class="option">Option: do not include the saved date</span>
    261. 

  261. 						<p>Check this option to remove the saved date included in the saved page and displayed in the
    262. 

  262. 							infobar.</p>
    263. 

  263. 					</li>
    264. 

  264. 					<li data-options-label="saveRawPageLabel"> <span class="option">Option: save raw page</span>
    265. 

  265. 						<p>Check this option to save the raw HTML file that the browser received. When this option is
    266. 

  266. 							checked, the page will be saved as if JavaScript was disabled. Checking this option may
    267. 

  267. 							alter the document.</p>
    268. 

  268. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    269. 

  269. 					</li>
    270. 

  270. 				</ul>
    271. 

  271. 				<p>Infobar</p>
    272. 

  272. 				<ul>
    273. 

  273. 					<li data-options-label="displayInfobarLabel" id="displayInfobarOption"> <span class="option">Option:
    274. 

  274. 							display an infobar when
    275. 

  275. 							viewing a saved page</span>
    276. 

  276. 						<p>Check this option to display the ℹ button at the top right of the page when viewing a saved
    277. 

  277. 							page. By clicking this button, you can get more information about the saved date and open
    278. 

  278. 							the original URL.</p>
    279. 

  279. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    280. 

  280. 					</li>
    281. 

  281. 					<li data-options-label="infobarTemplateLabel"> <span class="option">Option: template of the infobar
    282. 

  282. 							content</span>
    283. 

  283. 						<p>The template allows you to customize the content displayed in the infobar. You can use any
    284. 

  284. 							valid character, <code>\n</code> for new lines or <code>\t</code> for tabs. You can also use
    285. 

  285. 							any variables from <a href="#template-variables">this list</a> anywhere in the template. If
    286. 

  286. 							the template or the resulting content is empty, the infobar will display the saved date by
    287. 

  287. 							default. </p>
    288. 

  288. 						<p>Template examples:</p>
    289. 

  289. 						<ul>
    290. 

  290. 							<li><code>{url-href} ({date-iso})</code> will produce contents like "https://www.example.com
    291. 

  291. 								(2018-09-15 11 06 03 PM)".</li>
    292. 

  292. 							<li><code>Title: {page-title}</code> will produce contents like "Title: Example Domain" for
    293. 

  293. 								a page having "Example Domain" as title.</li>
    294. 

  294. 						</ul>
    295. 

  295. 					</li>
    296. 

  296. 					<li data-options-label="confirmInfobarLabel"> <span class="option">Option: open a prompt dialog to
    297. 

  297. 							edit the infobar content</span>
    298. 

  298. 						<p>Check this option to display a prompt dialog in order to confirm the infobar content before
    299. 

  299. 							saving the page. </p>
    300. 

  300. 					</li>
    301. 

  301. 					<li data-options-label="includeInfobarLabel"> <span class="option"></span>Option: include infobar in
    302. 

  302. 						the saved page</span>
    303. 

  303. 						<p>Check this
    304. 

  304. 							option to display the ℹ button at the top right of the page when viewing a saved page in a
    305. 

  305. 							browser where SingleFile is not installed.</p>
    306. 

  306. 					</li>
    307. 

  307. 				</ul>
    308. 

  308. 				<p>Stylesheets</p>
    309. 

  309. 				<ul>
    310. 

  310. 					<li data-options-label="removeUnusedStylesLabel"> <span class="option">Option: remove unused
    311. 

  311. 							styles</span>
    312. 

  312. 						<p>Check this option to remove all the CSS rules and styles that do not match any element in the
    313. 

  313. 							saved page. Checking this option will not alter the document and can considerably reduce the
    314. 

  314. 							size of the file. It will also increase the CPU consumption and the time needed to save a
    315. 

  315. 							page.</p>
    316. 

  316. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    317. 

  317. 					</li>
    318. 

  318. 					<li data-options-label="removeAlternativeMediasLabel"> <span class="option">Option: remove
    319. 

  319. 							stylesheets for alternative devices to screens</span>
    320. 

  320. 						<p>Check this option to remove stylesheets that are not used for the screen display like
    321. 

  321. 							stylesheets for print preview and speech synthesizers. Checking this option can help to
    322. 

  322. 							reduce the size of the file.</p>
    323. 

  323. 					</li>
    324. 

  324. 					<li data-options-label="compressCSSLabel"> <span class="option">Option: compress CSS content</span>
    325. 

  325. 						<p>Check this option to minify CSS stylesheets. Checking this option can reduce size of the file
    326. 

  326. 							without altering the document. It may also increase the CPU consumption and the time needed
    327. 

  327. 							to save a page.</p>
    328. 

  328. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    329. 

  329. 					</li>
    330. 

  330. 					<li data-options-label="moveStylesInHeadLabel"> <span class="option">Option: move in the head
    331. 

  331. 							element the styles found outside of it</span>
    332. 

  332. 						<p>
    333. 

  333. 							Check this option to move all the style elements found outside the head element into the
    334. 

  334. 							head element. This can be useful to avoid a FOUC ("flash of unstyled content") when
    335. 

  335. 							displaying a saved page.</p>
    336. 

  336. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    337. 

  337. 					</li>
    338. 

  338. 				</ul>
    339. 

  339. 				<p>Images</p>
    340. 

  340. 				<ul>
    341. 

  341. 					<li data-options-label="groupDuplicateImagesLabel"> <span class="option">Option: group duplicate
    342. 

  342. 							images together</span>
    343. 

  343. 						<p>Check this option to avoid saving multiple times duplicate images. Checking this option
    344. 

  344. 							should not alter the document in modern browsers and can considerably reduce the size of the
    345. 

  345. 							file. This option is ignored with archive formats based on ZIP files.</p>
    346. 

  346. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    347. 

  347. 					</li>
    348. 

  348. 					<li data-options-label="loadDeferredImagesLabel"> <span class="option">Option: save deferred
    349. 

  349. 							images</span>
    350. 

  350. 						<p>Check this option to save all the deferred images (or frames) that are not yet displayed.
    351. 

  351. 							This may help to save all the images without scrolling the page. This feature does its best
    352. 

  352. 							effort and is not guaranteed to work on all sites. It will also increase the time needed to
    353. 

  353. 							save a page.
    354. 

  354. 						</p>
    355. 

  355. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    356. 

  356. 					</li>
    357. 

  357. 					<li data-options-label="loadDeferredImagesMaxIdleTimeLabel"> <span class="option">Option: maximum
    358. 

  358. 							idle time (ms)</span>
    359. 

  359. 						<p>Enter the maximum delay of time to wait for deferred images. You can increase this value if
    360. 

  360. 							for example the network or system conditions are degraded. You can also decrease this value
    361. 

  361. 							otherwise.</p>
    362. 

  362. 					</li>
    363. 

  363. 					<li data-options-label="loadDeferredImagesDispatchScrollEventLabel"> <span class="option">Option:
    364. 

  364. 							dispatch "scroll" event</span>
    365. 

  365. 						<p>Check this option to dispatch the <a
    366. 

  366. 								href="https://developer.mozilla.org/docs/Web/API/Document/scroll_event"
    367. 

  367. 								target="_blank">"scroll"
    368. 

  368. 								event</a> when waiting for deferred images. This can improve the loading of images
    369. 

  369. 							on some sites but it can also cause unexpected scrolling problems on some other sites.</p>
    370. 

  370. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    371. 

  371. 					</li>
    372. 

  372. 					<li data-options-label="loadDeferredImagesKeepZoomLevelLabel"> <span class="option">Option: zoom out
    373. 

  373. 							the page</span>
    374. 

  374. 						<p>Check this option to save the entire content of a page by zooming out the page. This can help
    375. 

  375. 							saving pages using infinite virtual lists for example. </p>
    376. 

  376. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    377. 

  377. 					</li>
    378. 

  378. 					<li data-options-label="loadDeferredImagesBeforeFramesLabel"> <span class="option">Option: load
    379. 

  379. 							deferred frames</span>
    380. 

  380. 						<p>Check this option to load deferred frames and images before saving frame contents. It will
    381. 

  381. 							increase the time needed to save a page.
    382. 

  382. 						</p>
    383. 

  383. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    384. 

  384. 					</li>
    385. 

  385. 					<li data-options-label="removeAlternativeImagesLabel"> <span class="option">Option: remove images
    386. 

  386. 							for alternative screen resolutions</span>
    387. 

  387. 						<p>Check this option to remove images that are alternatives in lower and/or higher resolutions
    388. 

  388. 							to the ones displayed by default. Checking this option can considerably reduce the size of
    389. 

  389. 							the file.</p>
    390. 

  390. 					</li>
    391. 

  391. 				</ul>
    392. 

  392. 				<p>Fonts</p>
    393. 

  393. 				<ul>
    394. 

  394. 					<li data-options-label="removeUnusedFontsLabel"> <span class="option">Option: remove unused
    395. 

  395. 							fonts</span>
    396. 

  396. 						<p>Check this option to remove all font CSS rules that do not match any content. Checking this
    397. 

  397. 							option should not alter the document and can considerably reduce the size of the file.</p>
    398. 

  398. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    399. 

  399. 					</li>
    400. 

  400. 					<li data-options-label="removeAlternativeFontsLabel"> <span class="option">Option: remove
    401. 

  401. 							alternative fonts</span>
    402. 

  402. 						<p>Check this option to remove fonts that are alternatives to the ones used. Checking this
    403. 

  403. 							option should not alter the document and can considerably reduce the size of the file.</p>
    404. 

  404. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    405. 

  405. 					</li>
    406. 

  406. 				</ul>
    407. 

  407. 				<p>Destination</p>
    408. 

  408. 				<ul>
    409. 

  409. 					<li data-options-label="saveToFilesystemLabel"> <span class="option">Option: save to
    410. 

  410. 							filesystem</span>
    411. 

  411. 						<p>Check this option to save the downloaded page on the filesystem of your computer.</p>
    412. 

  412. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    413. 

  413. 					</li>
    414. 

  414. 					<li data-options-label="saveToClipboardLabel" id="saveToClipboardOption"> <span
    415. 

  415. 							class="option">Option: copy to clipboard</span>
    416. 

  416. 						<p>Check this option to copy the page to the clipboard. This option does not work with
    417. 

  417. 							archive formats based on ZIP files.</p>
    418. 

  418. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    419. 

  419. 					</li>
    420. 

  420. 					<li data-options-label="saveToGitHubLabel"> <span class="option">Option: upload to GitHub</span>
    421. 

  421. 						<p>Check this option to save the page on GitHub. See the <a
    422. 

  422. 								href="https://github.com/gildas-lormeau/SingleFile/wiki/How-to-publish-saved-pages-with-SingleFile-on-GitHub"
    423. 

  423. 								target="_blank">documentation page</a> to learn how to configure SingleFile to save
    424. 

  424. 							pages on GitHub. Warning: once a page saved on GitHub, it is complicated to delete it, see
    425. 

  425. 							the <a
    426. 

  426. 								href="https://docs.github.com/github/authenticating-to-github/keeping-your-account-and-data-secure/removing-sensitive-data-from-a-repository"
    427. 

  427. 								target="_blank">documentation page</a> on GitHub for more information.</p>
    428. 

  428. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    429. 

  429. 					</li>
    430. 

  430. 					<li data-options-label="githubTokenLabel"> <span class="option">Option: access token</span>
    431. 

  431. 						<p>Enter your personal access token on GitHub, see the <a
    432. 

  432. 								href="https://docs.github.com/github/authenticating-to-github/keeping-your-account-and-data-secure/creating-a-personal-access-token"
    433. 

  433. 								target="_blank">documentation page</a> on GitHub for more information.</p>
    434. 

  434. 					</li>
    435. 

  435. 					<li data-options-label="githubUserLabel"> <span class="option">Option: user name</span>
    436. 

  436. 						<p>Enter your user name on GitHub.</p>
    437. 

  437. 					</li>
    438. 

  438. 					<li data-options-label="githubRepositoryLabel"> <span class="option">Option: repository name</span>
    439. 

  439. 						<p>Enter the name of the repository on GitHub where the saved pages will be archived, see
    440. 

  440. 							the <a
    441. 

  441. 								href="https://docs.github.com/github/creating-cloning-and-archiving-repositories/creating-a-repository-on-github/creating-a-new-repository"
    442. 

  442. 								target="_blank">documentation page</a> on GitHub for more information on how to create a
    443. 

  443. 							repository.
    444. 

  444. 						</p>
    445. 

  445. 					</li>
    446. 

  446. 					<li data-options-label="githubBranchLabel"> <span class="option">Option: branch name</span>
    447. 

  447. 						<p>Enter the repository branch name where pages will be archived. The branch
    448. 

  448. 							<strong>must</strong> exist on GitHub, see the <a
    449. 

  449. 								href="https://docs.github.com/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site"
    450. 

  450. 								target="_blank">documentation page</a> on GitHub for more information on how to publish
    451. 

  451. 							the branch on github.io.
    452. 

  452. 						</p>
    453. 

  453. 					</li>
    454. 

  454. 					<li data-options-label="saveWithWebDAVLabel"> <span class="option">Option: upload to a WebDAV
    455. 

  455. 							server</span>
    456. 

  456. 						<p>Check this option to save the page on a WebDAV server.</p>
    457. 

  457. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    458. 

  458. 					</li>
    459. 

  459. 					<li data-options-label="webDAVURLLabel"> <span class="option">Option: URL</span>
    460. 

  460. 						<p>Enter the URL of the WebDAV server.</p>
    461. 

  461. 					</li>
    462. 

  462. 					<li data-options-label="webDAVUserLabel"> <span class="option">Option: user identifier</span>
    463. 

  463. 						<p>Enter your user identifier on the WebDAV server.</p>
    464. 

  464. 					</li>
    465. 

  465. 					<li data-options-label="webDAVPasswordLabel"> <span class="option">Option: password</span>
    466. 

  466. 						<p>Enter your password.</p>
    467. 

  467. 					</li>
    468. 

  468. 					<li data-options-label="saveToGDriveLabel" id="saveToGDriveOption"> <span class="option">Option:
    469. 

  469. 							upload to Google
    470. 

  470. 							Drive</span>
    471. 

  471. 						<p>Check this option to save the page on Google Drive.</p>
    472. 

  472. 						<p>The permissions requested by SingleFile allow it to access only to the files and folders it
    473. 

  473. 							has created. When you uncheck this option, SingleFile revokes automatically its access to
    474. 

  474. 							your Google Drive account. </p>
    475. 

  475. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    476. 

  476. 					</li>
    477. 

  477. 					<li data-options-label="saveWithCompanionLabel" id="saveWithCompanionOption"> <span
    478. 

  478. 							class="option">Option: save with
    479. 

  479. 							SingleFile Companion</span>
    480. 

  480. 						<p>Check this option to delegate the saving process to SingleFile Companion. It is a program
    481. 

  481. 							that runs outside the browser and can help to make the saving process more transparent. It
    482. 

  482. 							also allows the pages to be saved in another directory than the download directory. You can
    483. 

  483. 							find more info <a href="https://github.com/gildas-lormeau/single-file-companion"
    484. 

  484. 								target="_blank">here</a></p>
    485. 

  485. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    486. 

  486. 					</li>
    487. 

  487. 				</ul>
    488. 

  488. 				<p>Network</p>
    489. 

  489. 				<ul>
    490. 

  490. 					<li data-options-label="blockResourcesLabel"> <span class="option">Option: blocked resources</span>
    491. 

  491. 						<p>
    492. 

  492. 							Check the options below to block the download of the corresponding resource types.
    493. 

  493. 						</p>
    494. 

  494. 					</li>
    495. 

  495. 					<li data-options-label="blockMixedContentLabel"> <span class="option">Option: block mixed
    496. 

  496. 							contents</span>
    497. 

  497. 						<p>Check this option to block active content served from HTTP when viewing a page in HTTPS. You
    498. 

  498. 							can find more information about mixed content pages <a
    499. 

  499. 								href="https://developer.mozilla.org/docs/Web/Security/Mixed_content"
    500. 

  500. 								target="_blank">here</a>.</p>
    501. 

  501. 					</li>
    502. 

  502. 					<li data-options-label="acceptHeadersLabel"> <span class="option">Option: "Accept" headers</span>
    503. 

  503. 						<p>
    504. 

  504. 							Enter the <a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Accept"
    505. 

  505. 								target="_blank">"Accept" HTTP
    506. 

  506. 								header</a> values below to adjust support for the corresponding resource types.
    507. 

  507. 						</p>
    508. 

  508. 						<p class="notice">It is recommended to leave these values <u>as they are</u></p>
    509. 

  509. 					</li>
    510. 

  510. 					<li data-options-label="setMaxResourceSizeLabel"> <span class="option">Option: set maximum size
    511. 

  511. 							(MB)</span>
    512. 

  512. 						<p>Check this option to remove from the saved page embedded resources (i.e. images, stylesheets,
    513. 

  513. 							scripts and iframes) that exceeds a given size.</p>
    514. 

  514. 					</li>
    515. 

  515. 					<li data-options-label="maxResourceSizeLabel"> <span class="option">Option: maximum size (MB)</span>
    516. 

  516. 						<p>Enter the maximum size in megabytes.</p>
    517. 

  517. 					</li>
    518. 

  518. 					<li data-options-label="setMaxResourceDelayLabel"> <span class="option">Option: set maximum
    519. 

  519. 							download delay (s)</span>
    520. 

  520. 						<p>Check this option to remove from the saved page embedded resources (i.e. images, stylesheets,
    521. 

  521. 							scripts and iframes) that exceeds a given download time.</p>
    522. 

  522. 					</li>
    523. 

  523. 					<li data-options-label="maxResourceDelayLabel"> <span class="option">Option: maximum download delay
    524. 

  524. 							(s)</span>
    525. 

  525. 						<p>Enter the maximum download delay in seconds.</p>
    526. 

  526. 					</li>
    527. 

  527. 					<li data-options-label="passReferrerOnErrorLabel" id="passReferrerOnErrorOption"> <span
    528. 

  528. 							class="option">Option: pass \"Referer\"
    529. 

  529. 							header on
    530. 

  530. 							cross-origin errors</span>
    531. 

  531. 						<p>Check this option to pass the HTTP header "Referer" with the "origin" policy after an 401,
    532. 

  532. 							403, or 404 HTTP error when downloading a cross-origin resource. You should enable this
    533. 

  533. 							option if you cannot download resources blocked by a hotlink protection.</p>
    534. 

  534. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    535. 

  535. 					</li>
    536. 

  536. 				</ul>
    537. 

  537. 				<p>Annotation editor</p>
    538. 

  538. 				<ul>
    539. 

  539. 					<li data-options-label="defaultEditorModeLabel"> <span class="option">Option: default mode</span>
    540. 

  540. 						<p>Select the default mode when opening the annotation editor. The available choices are:
    541. 

  541. 						<ul>
    542. 

  542. 							<li><code>normal</code>: default value</li>
    543. 

  543. 							<li><code>edit the page</code>: enable the button <img
    544. 

  544. 									src="../resources/button_note_edit.png" class="icon button"></li>
    545. 

  545. 							<li><code>format the page</code>: enable the button <img
    546. 

  546. 									src="../resources/button_note_format.png" class="icon button"> if the page can be
    547. 

  547. 								formatted</li>
    548. 

  548. 							<li><code>remove elements</code>: enable the button <img
    549. 

  549. 									src="../resources/button_cut_inner.png" class="icon button"></li>
    550. 

  550. 							<li><code>remove external elements</code>: enable the button <img
    551. 

  551. 									src="../resources/button_cut_outer.png" class="icon button"></li>
    552. 

  552. 						</ul>
    553. 

  553. 						</p>
    554. 

  554. 					</li>
    555. 

  555. 					<li data-options-label="applySystemThemeLabel"> <span class="option">Option: apply the system theme
    556. 

  556. 							when formatting a page in the annotation editor</span>
    557. 

  557. 						<p>Uncheck this option if you do not want to apply the theme of the operating system or the
    558. 

  558. 							browser (e.g. dark or light) when you click on the button "Format the page for better
    559. 

  559. 							readability" in the annotation editor.</p>
    560. 

  560. 					</li>
    561. 

  561. 					<li data-options-label="warnUnsavedPageLabel"> <span class="option">Option: warn if leaving page
    562. 

  562. 							with unsaved changes</span>
    563. 

  563. 						<p>Check this option to display a blocking popup when you leave the annotation editor (e.g.
    564. 

  564. 							close the tab) without saving the changes.</p>
    565. 

  565. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    566. 

  566. 					</li>
    567. 

  567. 					<li data-options-label="openEditorLabel"> <span class="option">Option: edit page before
    568. 

  568. 							saving</span>
    569. 

  569. 						<p>Check this option to open the annotation editor before saving any page. Checking this option
    570. 

  570. 							removes the entry "Annotate and save the page..." from the context menu.</p>
    571. 

  571. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    572. 

  572. 					</li>
    573. 

  573. 					<li data-options-label="autoOpenEditorLabel" id="autoOpenEditorOption"> <span class="option">Option:
    574. 

  574. 							open the annotation editor when viewing a page saved with SingleFile</span>
    575. 

  575. 						<p>Check this option to open the annotation editor when displaying a page saved by SingleFile.
    576. 

  576. 						</p>
    577. 

  577. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    578. 

  578. 					</li>
    579. 

  579. 					<li data-options-label="displayInfobarInEditorLabel"> <span class="option">Option:
    580. 

  580. 							display the infobar</span>
    581. 

  581. 						<p>Check this option to display the infobar when displaying a page in the annotation editor.</p>
    582. 

  582. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    583. 

  583. 						</p>
    584. 

  584. 					</li>
    585. 

  585. 				</ul>
    586. 

  586. 				<p id="bookmarksSection">Bookmarks</p>
    587. 

  587. 				<ul id="bookmarksOptions">
    588. 

  588. 					<li data-options-label="saveCreatedBookmarksLabel"> <span class="option">Option: save the page of a
    589. 

  589. 							newly created bookmark</span>
    590. 

  590. 						<p>Check this option to save pages that you add into your bookmarks. Note that if the page is to
    591. 

  591. 							be saved is not already displayed in a tab, SingleFile will open temporarily a new tab to
    592. 

  592. 							save the page. </p>
    593. 

  593. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    594. 

  594. 					</li>
    595. 

  595. 					<li data-options-label="replaceBookmarkURLLabel"> <span class="option">Option: link the new bookmark
    596. 

  596. 							to the saved page</span>
    597. 

  597. 						<p>Check this option to replace the URL of the page added into your bookmark with the file URI
    598. 

  598. 							of the saved page on your disk. </p>
    599. 

  599. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    600. 

  600. 					</li>
    601. 

  601. 					<li data-options-label="ignoredBookmarkFoldersLabel"> <span class="option">Option: ignored
    602. 

  602. 							folders</span>
    603. 

  603. 						<p>Enter a list of bookmark folder names to ignore. The folder names must be separated with a
    604. 

  604. 							comma. SingleFile will ignore bookmarks added in folders that contains these names.
    605. 

  605. 						</p>
    606. 

  606. 					</li>
    607. 

  607. 					<li data-options-label="allowedBookmarkFoldersLabel"> <span class="option">Option: allowed
    608. 

  608. 							folders</span>
    609. 

  609. 						<p>Enter a list of bookmark folder names to allow. The folder names must be separated with a
    610. 

  610. 							comma. SingleFile will only save pages added in folders that contains these names.
    611. 

  611. 						</p>
    612. 

  612. 					</li>
    613. 

  613. 				</ul>
    614. 

  614. 				<p id="autoSaveSection">Auto-save</p>
    615. 

  615. 				<ul id="autoSaveOptions">
    616. 

  616. 					<li data-options-label="autoSaveLoadOrUnloadLabel"> <span class="option">Option: auto-save after
    617. 

  617. 							page load or on page unload</span>
    618. 

  618. 						<p>Check this option to auto-save pages after being loaded. If you browse to another page before
    619. 

  619. 							the page is fully loaded then the page will be saved just before being unloaded. With this
    620. 

  620. 							option active, you are guaranteed pages will always be saved. Some frame contents may be
    621. 

  621. 							missing (if you checked "remove frames") when pages are saved before being unloaded. </p>
    622. 

  622. 					</li>
    623. 

  623. 					<li data-options-label="autoSaveLoadLabel"> <span class="option">Option: auto-save after page
    624. 

  624. 							load</span>
    625. 

  625. 						<p>Check this option to auto-save pages after being loaded.</p>
    626. 

  626. 					</li>
    627. 

  627. 					<li data-options-label="autoSaveUnloadLabel"> <span class="option">Option: auto-save on page
    628. 

  628. 							unload</span>
    629. 

  629. 						<p>Check this option to auto-save pages before being unloaded instead of saving pages after
    630. 

  630. 							being loaded. With this option active, you are guaranteed pages will always be saved but
    631. 

  631. 							some frame contents may be missing (if you checked "remove frames"). </p>
    632. 

  632. 					</li>
    633. 

  633. 					<li data-options-label="autoSaveDiscardLabel"> <span class="option">Option: auto-save on tab
    634. 

  634. 							discard</span>
    635. 

  635. 						<p>Check this option to auto-save pages when discarding a tab. Some frame contents may be
    636. 

  636. 							missing (if you checked "remove frames"). </p>
    637. 

  637. 					</li>
    638. 

  638. 					<li data-options-label="autoSaveRemoveLabel"> <span class="option">Option: auto-save on tab
    639. 

  639. 							removal</span>
    640. 

  640. 						<p>Check this option to auto-save pages when closing a tab. Some frame contents may be missing
    641. 

  641. 							(if you checked "remove frames"). </p>
    642. 

  642. 					</li>
    643. 

  643. 					<li data-options-label="autoSaveDelayLabel"> <span class="option">Option: auto-save waiting delay
    644. 

  644. 							after load (s)</span>
    645. 

  645. 						<p>Enter the delay in seconds to wait before saving a page when the "auto-save on page load or
    646. 

  646. 							on page unload" or "auto-save on page load" is checked. </p>
    647. 

  647. 					</li>
    648. 

  648. 					<li data-options-label="autoSaveRepeatLabel"> <span class="option">Option: auto-save
    649. 

  649. 							periodically</span>
    650. 

  650. 						<p>Check this option to auto-save pages periodically after load.</p>
    651. 

  651. 					</li>
    652. 

  652. 					<li data-options-label="autoSaveRepeatDelayLabel"> <span class="option">Option: period (s)</span>
    653. 

  653. 						<p>Enter the delay in seconds to wait before each page saving when the "auto-save
    654. 

  654. 							periodically" option is checked. </p>
    655. 

  655. 					</li>
    656. 

  656. 					<li data-options-label="autoSaveExternalSaveLabel"> <span class="option">Option: save the page with
    657. 

  657. 							SingleFile Companion</span>
    658. 

  658. 						<p>Check this option to delegate the capturing and saving process to SingleFile Companion. It is
    659. 

  659. 							a program that runs outside the browser and can help to make the saving process more
    660. 

  660. 							transparent. It also allows the pages to be saved in another directory than the download
    661. 

  661. 							directory. You can find more info <a
    662. 

  662. 								href="https://github.com/gildas-lormeau/single-file-companion" target="_blank">here</a>
    663. 

  663. 						</p>
    664. 

  664. 					</li>
    665. 

  665. 				</ul>
    666. 

  666. 				<p>Misc.</p>
    667. 

  667. 				<ul>
    668. 

  668. 					<li data-options-label="addProofLabel"> <span class="option">Option: add proof od existence</span>
    669. 

  669. 						<p>Check this option to create a worldwide proof of the existence of the page you want to save.
    670. 

  670. 						</p>
    671. 

  671. 						<ul>
    672. 

  672. 							<li> <strong>What is a proof of existence (data anchoring)?</strong><br> Data anchoring
    673. 

  673. 								consists in building a time-stamped proof of existence for a data by linking it to a
    674. 

  674. 								tamper resistant and time-stamped blockchain. Data anchoring implementation relies on
    675. 

  675. 								the resilience and immutability of the Bitcoin blockchain to provide the best possible
    676. 

  676. 								security level </li>
    677. 

  677. 							<li> <strong>How does this protect my data?</strong><br> The anchoring mechanism only
    678. 

  678. 								handles data impressions. Your data remains where you calculate the fingerprints, i.e.
    679. 

  679. 								in the browser. Their confidentiality is totally preserved. </li>
    680. 

  680. 							<li> <strong> The day after your backup you can get freely the proof receipt here: <a
    681. 

  681. 										href="https://gildas-lormeau.github.io/singlefile-woleet/index.html"
    682. 

  682. 										target="_blank">gildas-lormeau.github.io/singlefile-woleet/index.html</a>.
    683. 

  683. 									A proof receipt will be used to verify the validity of the evidence </strong> </li>
    684. 

  684. 						</ul>
    685. 

  685. 						<p> More information <a href="https://doc.woleet.io" target="_blank">doc.woleet.io</a> </p>
    686. 

  686. 					</li>
    687. 

  687. 					<li data-options-label="woleetKeyLabel" hidden> <span class="option">Option: access token</span>
    688. 

  688. 						<p>Enter your personal access token on Woleet, see the <a href="http://app.woleet.io/"
    689. 

  689. 								target="_blank">registration page</a> on Woleet for more information.</p>
    690. 

  690. 					</li>
    691. 

  691. 					<li data-options-label="backgroundSaveLabel" id="backgroundSaveOption"> <span class="option">Option:
    692. 

  692. 							save pages in
    693. 

  693. 							background</span>
    694. 

  694. 						<p>Uncheck this option if you get invalid file names like
    695. 

  695. 							"37bec68b-446a-46a5-8642-19a89c231b46.html" or interrupted downloads when saving pages. You
    696. 

  696. 							can also uncheck this option if you want the "Save as" dialog to remember the last saved
    697. 

  697. 							path. Unchecking this option prevent using sub-directories in filename templates.</p>
    698. 

  698. 						<p class="notice">It is recommended to <u>check</u> this option</p>
    699. 

  699. 					</li>
    700. 

  700. 					<li data-options-label="displayStatsLabel"> <span class="option">Option: display stats in the
    701. 

  701. 							console after processing</span>
    702. 

  702. 						<p>Check this option to display stats about processing in the JavaScript developer tools of your
    703. 

  703. 							browser. Checking this option may increase the CPU consumption and the time needed to save a
    704. 

  704. 							page. </p>
    705. 

  705. 						<p class="notice">It is recommended to <u>uncheck</u> this option</p>
    706. 

  706. 					</li>
    707. 

  707. 				</ul>
    708. 

  708. 				<p id="auto-settings-rules">Auto-settings rules</p>
    709. 

  709. 				<ul>
    710. 

  710. 					<li>The auto-settings rules let you associate a complete or partial URL with a profile. It also
    711. 

  711. 						allows to associate a specific profile for the auto-save, or to disable it (check "display
    712. 

  712. 						'Auto-save profile' column"). When two or more rules match a URL of a page to save, the rule
    713. 

  713. 						with the longest URL will be chosen. The special profile "-" means the current profile. </li>
    714. 

  714. 					<li>You can use the special value "*" as URL to create a rule that applies to all URLs</li>
    715. 

  715. 					<li>You can use regular expressions by prefixing the URL with "regexp:" (e.g. "regexp:.*\.com" to
    716. 

  716. 						match all URLs containing ".com"). When zero or more rules based on URLs and one or more rules
    717. 

  717. 						based on regular expressions match a URL, the longest rule based on regular expression will be
    718. 

  718. 						chosen. </li>
    719. 

  719. 				</ul>
    720. 

  720. 				<p>Form buttons</p>
    721. 

  721. 				<ul>
    722. 

  722. 					<li><span class="option">synchronize options</span>
    723. 

  723. 						<p>Check this option to synchronize your options and make them available in all instances of the
    724. 

  724. 							browser you are logged into, on different devices.</p>
    725. 

  725. 					</li>
    726. 

  726. 					<li><span class="option">Reset</span>
    727. 

  727. 						<p>Reset all options to their default values.</p>
    728. 

  728. 					</li>
    729. 

  729. 				</ul>
    730. 

  730. 			</li>
    731. 

  731. 			<li><a id="annotation-editor">Annotation editor</a>
    732. 

  732. 				<p>The annotation editor can be opened by selecting "Annotate and save the page" in the context menu or
    733. 

  733. 					by enabling the option "Annotation editor &gt; edit page before saving". It allows you to:
    734. 

  734. 				<ul>
    735. 

  735. 					<li>add notes by clicking one of these buttons: <img src="../resources/button_note_yellow.png"
    736. 

  736. 							class="icon button"> <img src="../resources/button_note_pink.png" class="icon button"> <img
    737. 

  737. 							src="../resources/button_note_blue.png" class="icon button"> <img
    738. 

  738. 							src="../resources/button_note_green.png" class="icon button"></li>
    739. 

  739. 					<li>hide or show notes by clicking the button <img src="../resources/button_note_visible.png"
    740. 

  740. 							class="icon button"></li>
    741. 

  741. 					<li>highlight text by clicking one of these buttons: <img
    742. 

  742. 							src="../resources/button_highlighter_yellow.png" class="icon button"> <img
    743. 

  743. 							src="../resources/button_highlighter_pink.png" class="icon button"> <img
    744. 

  744. 							src="../resources/button_highlighter_blue.png" class="icon button"> <img
    745. 

  745. 							src="../resources/button_highlighter_green.png" class="icon button"></li>
    746. 

  746. 					<li>hide or show highlighted text by clicking the button <img
    747. 

  747. 							src="../resources/button_highlighter_visible.png" class="icon button"></li>
    748. 

  748. 					<li>remove text highlighting by clicking the button <img
    749. 

  749. 							src="../resources/button_highlighter_delete.png" class="icon button"></li>
    750. 

  750. 					<li>edit the page by clicking the button <img src="../resources/button_note_edit.png"
    751. 

  751. 							class="icon button"> </li>
    752. 

  752. 					<li>format the page to improve readability (when possible) by clicking the button <img
    753. 

  753. 							src="../resources/button_note_format.png" class="icon button"> </li>
    754. 

  754. 					<li>remove contents by clicking the button <img src="../resources/button_cut_inner.png"
    755. 

  755. 							class="icon button"> (inner elements) or <img src="../resources/button_cut_outer.png"
    756. 

  756. 							class="icon button"> (outer elements)</li>
    757. 

  757. 					<li>undo removes by clicking the button <img src="../resources/button_undo_cut.png"
    758. 

  758. 							class="icon button"> or the button <img src="../resources/button_undo_all_cut.png"
    759. 

  759. 							class="icon button"> (undo all)
    760. 

  760. 					<li>redo removes by clicking the button <img src="../resources/button_redo_cut.png"
    761. 

  761. 							class="icon button"></li>
    762. 

  762. 					<li>print the page by clicking the button <img src="../resources/button_print.png"
    763. 

  763. 							class="icon button"> or by pressing <code>Ctrl-P</code></li>
    764. 

  764. 					<li>save the page by clicking the button <img src="../resources/button_download.png"
    765. 

  765. 							class="icon button"> or by pressing <code>Ctrl-S</code></li>
    766. 

  766. 				</ul>
    767. 

  767. 				</p>
    768. 

  768. 				<br>
    769. 

  769. 				<p>
    770. 

  770. 					You can use the following keyboard shortcuts when removing contents with <img
    771. 

  771. 						src="../resources/button_cut_inner.png" class="icon button"> or <img
    772. 

  772. 						src="../resources/button_cut_outer.png" class="icon button">:
    773. 

  773. 				<ul>
    774. 

  774. 					<li><code>Tab</code>: expand the selection</li>
    775. 

  775. 					<li><code>Shift-Tab</code>: reduce the selection</li>
    776. 

  776. 					<li><code>Space</code>: remove the selected element</li>
    777. 

  777. 					<li><code>Ctrl-Z</code>: undo the last removal</li>
    778. 

  778. 					<li><code>Ctrl-Shift-Z</code>: redo the last removal</li>
    779. 

  779. 					<li><code>Ctrl</code>: select/unselect multiple elements, releasing the <code>Ctrl</code> key
    780. 

  780. 						validates the selection</li>
    781. 

  781. 					<li><code>Shift</code>: temporarily reverse the type of removal (i.e. removal of inner elements or
    782. 

  782. 						removal of outer elements) on the last selected element and reset the other selected elements if
    783. 

  783. 						any</li>
    784. 

  784. 					<li><code>Escape</code>: reset selected elements</li>
    785. 

  785. 				</ul>
    786. 

  786. 				</p>
    787. 

  787. 				</ul>
    788. 

  788. 			</li>
    789. 

  789. 			<li><a id="template-variables">Template variables</a>
    790. 

  790. 				<p>The template variables are used to customize the infobar content or the file name of a saved page.
    791. 

  791. 					They help to insert dynamic values like the save date or the page title.</p>
    792. 

  792. 				<p> You can limit the length of a dynamic value by adding <code>[<em>maxByteSize</em>]</code> or
    793. 

  793. 					<code>[<em>maxCharSize</em>ch]</code> just after the variable name. The <code>maxByteSize</code>
    794. 

  794. 					value is the maximum length of the value in bytes (e.g. `{page-title}[20]` to limit the title to 20
    795. 

  795. 					bytes). The <code>maxCharSize</code> value is the maximum length in characters (e.g.
    796. 

  796. 					`{page-title}[10ch]` to limit the title to 10 characters).
    797. 

  797. 				</p>
    798. 

  798. 				<ul>
    799. 

  799. 					<li><code>{page-title}</code>: the title of the page</li>
    800. 

  800. 					<li><code>{page-heading}</code>: the content of the H1 tag in the page</li>
    801. 

  801. 					<li><code>{page-language}</code>: the language of the page</li>
    802. 

  802. 					<li><code>{page-description}</code>: the description of the page</li>
    803. 

  803. 					<li><code>{page-author}</code>: the author of the page</li>
    804. 

  804. 					<li><code>{page-creator}</code>: the creator of the page</li>
    805. 

  805. 					<li><code>{page-publisher}</code>: the publisher of the page</li>
    806. 

  806. 					<li><code>{datetime-iso}</code>: the save date and time in the ISO format (e.g.
    807. 

  807. 						"2018-09-15T22_38_26_317Z")</li>
    808. 

  808. 					<li><code>{datetime-utc}</code>: the save date and time in UTC format (e.g. "Sat, 15 Sep 2018
    809. 

  809. 						22_38_26 GMT")</li>
    810. 

  810. 					<li><code>{datetime-locale}</code>: the localized value of the date and time (e.g. "9_16_2018,
    811. 

  811. 						12_54_31 AM")</li>
    812. 

  812. 					<li><code>{date-iso}</code>: the save date in the ISO format (e.g. "2018-09-15")</li>
    813. 

  813. 					<li><code>{date-locale}</code>: the localized value of the save date (e.g. "16_09_2018")</li>
    814. 

  814. 					<li><code>{time-iso}</code>: the save time in the ISO format (e.g. "22_38_26_317")</li>
    815. 

  815. 					<li><code>{time-locale}</code>: the localized value of the save time (e.g. "00_38_26")</li>
    816. 

  816. 					<li><code>{time-ms}</code>: the save time is ms since the Unix Epoch (e.g. 1563582018000)</li>
    817. 

  817. 					<li><code>{day-utc}</code>: the day of the save date in UTC format (e.g. "15")</li>
    818. 

  818. 					<li><code>{day-locale}</code>: the localized value of the day (e.g. "15")</li>
    819. 

  819. 					<li><code>{month-utc}</code>: the month of the save date in UTC format (e.g. "09")</li>
    820. 

  820. 					<li><code>{month-locale}</code>: the localized value of the month (e.g. "09")</li>
    821. 

  821. 					<li><code>{year-utc}</code>: the year of the save date in UTC format (e.g. "2018")</li>
    822. 

  822. 					<li><code>{year-locale}</code>: the localized value of the year (e.g. "2018")</li>
    823. 

  823. 					<li><code>{hours-utc}</code>: the hour of the save date in UTC format (e.g. "20")</li>
    824. 

  824. 					<li><code>{hours-locale}</code>: the localized value of the hour (e.g. "22")</li>
    825. 

  825. 					<li><code>{minutes-utc}</code>: the minutes of the save date in UTC format (e.g. "38")</li>
    826. 

  826. 					<li><code>{minutes-locale}</code>: the localized value of the minutes (e.g. "38")</li>
    827. 

  827. 					<li><code>{seconds-utc}</code>: the seconds of the save date in UTC format (e.g. "31")</li>
    828. 

  828. 					<li><code>{seconds-locale}</code>: the localized value of the seconds (e.g. "31")</li>
    829. 

  829. 					<li><code>{visit-datetime-iso}</code>: the visit date and time in the ISO format (e.g.
    830. 

  830. 						"2018-09-15T22_38_26_317Z")</li>
    831. 

  831. 					<li><code>{visit-datetime-utc}</code>: the visit date and time in UTC format (e.g. "Sat, 15 Sep 2018
    832. 

  832. 						22_38_26 GMT")</li>
    833. 

  833. 					<li><code>{visit-datetime-locale}</code>: the localized value of the date and time (e.g. "9_16_2018,
    834. 

  834. 						12_54_31 AM")</li>
    835. 

  835. 					<li><code>{visit-date-iso}</code>: the visit date in the ISO format (e.g. "2018-09-15")</li>
    836. 

  836. 					<li><code>{visit-date-locale}</code>: the localized value of the visit date (e.g. "16_09_2018")</li>
    837. 

  837. 					<li><code>{visit-time-iso}</code>: the visit time in the ISO format (e.g. "22_38_26_317")</li>
    838. 

  838. 					<li><code>{visit-time-locale}</code>: the localized value of the visit time (e.g. "00_38_26")</li>
    839. 

  839. 					<li><code>{visit-time-ms}</code>: the visit time is ms since the Unix Epoch (e.g. 1563582018000)
    840. 

  840. 					</li>
    841. 

  841. 					<li><code>{visit-day-utc}</code>: the day of the visit date in UTC format (e.g. "15")</li>
    842. 

  842. 					<li><code>{visit-day-locale}</code>: the localized value of the day (e.g. "15")</li>
    843. 

  843. 					<li><code>{visit-month-utc}</code>: the month of the visit date in UTC format (e.g. "09")</li>
    844. 

  844. 					<li><code>{visit-month-locale}</code>: the localized value of the month (e.g. "09")</li>
    845. 

  845. 					<li><code>{visit-year-utc}</code>: the year of the visit date in UTC format (e.g. "2018")</li>
    846. 

  846. 					<li><code>{visit-year-locale}</code>: the localized value of the year (e.g. "2018")</li>
    847. 

  847. 					<li><code>{visit-hours-utc}</code>: the hour of the visit date in UTC format (e.g. "20")</li>
    848. 

  848. 					<li><code>{visit-hours-locale}</code>: the localized value of the hour (e.g. "22")</li>
    849. 

  849. 					<li><code>{visit-minutes-utc}</code>: the minutes of the visit date in UTC format (e.g. "38")</li>
    850. 

  850. 					<li><code>{visit-minutes-locale}</code>: the localized value of the minutes (e.g. "38")</li>
    851. 

  851. 					<li><code>{visit-seconds-utc}</code>: the seconds of the visit date in UTC format (e.g. "31")</li>
    852. 

  852. 					<li><code>{visit-seconds-locale}</code>: the localized value of the seconds (e.g. "31")</li>
    853. 

  853. 					<li><code>{url-href}</code>: the URL of the page (e.g. "http://example.com/category/index.html")
    854. 

  854. 					</li>
    855. 

  855. 					<li><code>{url-href-digest-sha-1}</code>: the SHA-1 hash value of the URL of the page (e.g.
    856. 

  856. 						4b826844d9f5c128533e4ff14d746334f3ac9e00)</li>
    857. 

  857. 					<li><code>{url-href-flat}</code>: the URL of the page with replaced slashes (e.g.
    858. 

  858. 						"http__example.com_category_index.html")</li>
    859. 

  859. 					<li><code>{url-pathname}</code>: the path name of the URL (e.g. "category/index.html")</li>
    860. 

  860. 					<li><code>{url-pathname-flat}</code>: the path name of the URL with replaced slashes (e.g.
    861. 

  861. 						"category_index.html")</li>
    862. 

  862. 					<li><code>{url-last-segment}</code>: the last part of the pathname (without the extension) or the
    863. 

  863. 						host if not found (e.g. "index")</li>
    864. 

  864. 					<li><code>{url-protocol}</code>: the protocol of the URL (e.g. "https")</li>
    865. 

  865. 					<li><code>{url-host}</code>: the host name + the port of the URL (e.g. "example.com_8080")</li>
    866. 

  866. 					<li><code>{url-hostname}</code>: the host name of the URL (e.g. "example.com")</li>
    867. 

  867. 					<li><code>{url-port}</code>: the port of the URL (e.g. "8080")</li>
    868. 

  868. 					<li><code>{url-username}</code>: the user name of the URL (e.g. "john_doe")</li>
    869. 

  869. 					<li><code>{url-password}</code>: the password of the URL (e.g. "qwerty123")</li>
    870. 

  870. 					<li><code>{url-search}</code>: the search string of the URL (e.g. "order=ascending")</li>
    871. 

  871. 					<li><code>{url-search-&lt;name&gt;}</code>: the query parameter "&lt;name&gt;" in the the search
    872. 

  872. 						string of the URL (e.g. "url-search-order" will return "ascending" in the previous example)</li>
    873. 

  873. 					<li><code>{url-hash}</code>: the hash of the URL (e.g. "chapter-2")</li>
    874. 

  874. 					<li><code>{url-referrer}</code>: the URI of the page that "linked" to the page (e.g.
    875. 

  875. 						"http://example.com")</li>
    876. 

  876. 					<li><code>{url-referrer-flat}</code>: the URI of the page that "linked" to the page with slashed
    877. 

  877. 						replaced (e.g. "http_example.com")</li>
    878. 

  878. 					<li><code>{bookmark-pathname}</code>: the path name of the newly created bookmark (e.g. "My
    879. 

  879. 						Bookmarks/Last Month") when the option "Bookmarks &gt; save the page of a
    880. 

  880. 						newly created bookmark" is enabled</li>
    881. 

  881. 					<li><code>{bookmark-pathname-flat}</code>: the path name of the newly created bookmark with replaced
    882. 

  882. 						slashes (e.g. "My Bookmarks_Last Month") when the option "Bookmarks &gt; save the page of a
    883. 

  883. 						newly created bookmark" is enabled</li>
    884. 

  884. 					<li><code>{tab-id}</code>: the unique identifier of the tab (e.g. "326")</li>
    885. 

  885. 					<li><code>{tab-index}</code>: the index of the tab in the window (e.g. "1")</li>
    886. 

  886. 					<li><code>{digest-sha-256}</code>: the SHA-256 hash value of the entire page content (e.g.
    887. 

  887. 						e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855)</li>
    888. 

  888. 					<li><code>{digest-sha-384}</code>: the SHA-384 hash value of the entire page content</li>
    889. 

  889. 					<li><code>{digest-sha-512}</code>: the SHA-512 hash value of the entire page content</li>
    890. 

  890. 					<li><code>{profile-name}</code>: the name of the profile used to save the page</li>
    891. 

  891. 				</ul>
    892. 

  892. 			</li>
    893. 

  893. 			<li>
    894. 

  894. 				<a id="external-messages">Integration with other extensions</a>
    895. 

  895. 				<p>SingleFile can receive messages from other extensions. The messages must be sent to the extension ID
    896. 

  896. 					of SingleFile and must be a string containing one of the following values:
    897. 

  897. 				<ul>
    898. 

  898. 					<li>
    899. 

  899. 						<code>"save-page"</code>: save the current page
    900. 

  900. 					</li>
    901. 

  901. 					<li>
    902. 

  902. 						<code>"edit-and-save-page"</code>: edit the current page in the annotation editor and save it
    903. 

  903. 					</li>
    904. 

  904. 					<li>
    905. 

  905. 						<code>"save-selected-links"</code>: save all the links in the selected content
    906. 

  906. 					</li>
    907. 

  907. 					<li>
    908. 

  908. 						<code>"save-selected-content"</code>: save the selected content
    909. 

  909. 					</li>
    910. 

  910. 					<li>
    911. 

  911. 						<code>"save-selected-tabs"</code>: save the selected tabs
    912. 

  912. 					</li>
    913. 

  913. 					<li>
    914. 

  914. 						<code>"save-unpinned-tabs"</code>: save the unpinned tabs
    915. 

  915. 					</li>
    916. 

  916. 					<li>
    917. 

  917. 						<code>"save-all-tabs"</code>: save all the tabs
    918. 

  918. 					</li>
    919. 

  919. 				</ul>
    920. 

  920. 				</p>
    921. 

  921. 			</li>
    922. 

  922. 			<li><a id="notes">Technical notes</a>
    923. 

  923. 				<ul>
    924. 

  924. 					<li>All images are converted into <a href="http://en.wikipedia.org/wiki/Base64"
    925. 

  925. 							target="_blank">base64</a>. </li>
    926. 

  926. 					<li>All resources except frame contents are injected in the document using <a
    927. 

  927. 							href="http://en.wikipedia.org/wiki/Data_URI_scheme" target="_blank">data URI scheme</a>.
    928. 

  928. 					</li>
    929. 

  929. 					<li>Frame contents are injected as text in the document by using the srcdoc attribute. </li>
    930. 

  930. 				</ul>
    931. 

  931. 			</li>
    932. 

  932. 			<li><a id="known-issues">Known issues</a>
    933. 

  933. 				<ul>
    934. 

  934. 					<li>All browsers
    935. 

  935. 						<ul>
    936. 

  936. 							<li>For security reasons, you cannot save pages hosted on https://chrome.google.com,
    937. 

  937. 								https://addons.mozilla.org and some other Mozilla domains. When this happens, 🚫 is
    938. 

  938. 								displayed on top of the SingleFile icon.</li>
    939. 

  939. 							<li>For security reasons, SingleFile is sometimes unable to save the image representation of
    940. 

  940. 								canvas and snapshots of video elements.</li>
    941. 

  941. 							<li>The last saved path cannot be remembered by default. To circumvent this limitation,
    942. 

  942. 								disable the option "Misc. &gt; Save pages in background".</li>
    943. 

  943. 							<li>The following characters are replaced with _ in filenames: ~, +, \, ?, %, *, :, |, ",
    944. 

  944. 								&lt;, &gt;</li>
    945. 

  945. 						</ul>
    946. 

  946. 					</li>
    947. 

  947. 					<li>Chromium-based browsers
    948. 

  948. 						<ul>
    949. 

  949. 							<li>You must enable the option "Allow access to file URLs" in the extension page to display
    950. 

  950. 								the infobar when viewing a saved page, to save or to annotate a page stored on the
    951. 

  951. 								filesystem.</li>
    952. 

  952. 							<li>If the filename of a saved page looks like "56833935-156b-4d8c-a00f-19599c6513d3",
    953. 

  953. 								disable the option "Misc. &gt; Save pages in background". Reinstalling the browser may
    954. 

  954. 								also fix this issue.</li>
    955. 

  955. 							<li>Disabling the option 'File name &gt; open the "Save as" dialog to confirm the file name'
    956. 

  956. 								will work if and only if "Ask where to save each file before downloading" is disabled in
    957. 

  957. 								chrome://settings/downloads</li>
    958. 

  958. 						</ul>
    959. 

  959. 					</li>
    960. 

  960. 					<li>Firefox
    961. 

  961. 						<ul>
    962. 

  962. 							<li>The "File name &gt; file name conflict resolution" option does not work if set to
    963. 

  963. 								"prompt for a name".
    964. 

  964. 							</li>
    965. 

  965. 							<li>Sometimes, SingleFile is unable to save the contents of sandboxed iframes.</li>
    966. 

  966. 							<li>When processing a page from the filesystem, external resources (e.g. images,
    967. 

  967. 								stylesheets, fonts etc.) will not be embedded into the saved page.</li>
    968. 

  968. 						</ul>
    969. 

  969. 					</li>
    970. 

  970. 				</ul>
    971. 

  971. 			</li>
    972. 

  972. 			<li><a id="unknown-issues">Troubleshooting unknown issues</a>
    973. 

  973. 				<p>Please follow these steps if you find an unknown issue:</p>
    974. 

  974. 				<ul>
    975. 

  975. 					<li>Save the page in incognito.</li>
    976. 

  976. 					<li>If saving page in incognito did not fix the issue, reset SingleFile options.</li>
    977. 

  977. 					<li>If resetting options did not fix the issue, restart the browser.</li>
    978. 

  978. 					<li>If restarting the browser did not fix the issue, try to disable all other extensions to see if
    979. 

  979. 						there is a conflict.</li>
    980. 

  980. 					<li>If there is a conflict then try to determine against which extension(s).</li>
    981. 

  981. 					<li>Please report the issue <a href="https://github.com/gildas-lormeau/SingleFile/issues"
    982. 

  982. 							target="_blank">here</a>
    983. 

  983. 						with a short description on how to reproduce it.</li>
    984. 

  984. 				</ul>
    985. 

  985. 				<p>Suggestions are welcome :)</p>
    986. 

  986. 			</li>
    987. 

  987. 			<li><a id="contributors">Contributors</a>
    988. 

  988. 				<ul>
    989. 

  989. 					<li>Chinese translation done by yfdyh000 (<a href="https://github.com/yfdyh000"
    990. 

  990. 							target="_blank">GitHub profile</a>), KrasnayaPloshchad (<a
    991. 

  991. 							href="https://github.com/KrasnayaPloshchad" target="_blank">GitHub
    992. 

  992. 							profile</a>), frostblazergit (<a href="https://github.com/frostblazergit"
    993. 

  993. 							target="_blank">GitHub profile</a>), NightSharp (<a href="https://github.com/NightSharp"
    994. 

  994. 							target="_blank">GitHub profile</a>), lqzhgood (<a href="https://github.com/lqzhgood"
    995. 

  995. 							target="_blank">GitHub profile</a>) </li>
    996. 

  996. 					<li>Traditional Chinese translation done by frostblazergit (<a
    997. 

  997. 							href="https://github.com/frostblazergit" target="_blank">GitHub profile</a>), lqzhgood (<a
    998. 

  998. 							href="https://github.com/lqzhgood" target="_blank">GitHub profile</a>)</li>
    999. 

  999. 					<li>German translation done by womotroll (<a href="https://github.com/womotroll"
    1000. 

  1000. 							target="_blank">GitHub profile</a>), bannmann (<a href="https://github.com/bannmann"
    1001. 

  1001. 							target="_blank">GitHub profile</a>) </li>
    1002. 

  1002. 					<li>Italian translation done by Fastbyte01 (<a href="https://github.com/Fastbyte01"
    1003. 

  1003. 							target="_blank">GitHub profile</a>)</li>
    1004. 

  1004. 					<li>Japanese translation, done by Shitennouji （四天王寺) (<a href="https://github.com/Shitennouji"
    1005. 

  1005. 							target="_blank">GitHub profile</a>)</li>
    1006. 

  1006. 					<li>Polish translation done by xesarni (<a href="https://github.com/xesarni" target="_blank">GitHub
    1007. 

  1007. 							profile</a>)
    1008. 

  1008. 					</li>
    1009. 

  1009. 					<li>Portuguese-Brazilian translation done by @mezysinc
    1010. 

  1010. 					</li>
    1011. 

  1011. 					<li>Russian translation done by rstp14 (<a href="https://github.com/rstp14" target="_blank">GitHub
    1012. 

  1012. 							profile</a>), kramola-RU (<a href="https://github.com/kramola-RU" target="_blank">GitHub
    1013. 

  1013. 							profile</a>), solokot (<a href="https://github.com/solokot" target="_blank">GitHub
    1014. 

  1014. 							profile</a>)</li>
    1015. 

  1015. 					<li>Spanish translation done by strel (<a href="https://github.com/strel" target="_blank">GitHub
    1016. 

  1016. 							profile</a>)</li>
    1017. 

  1017. 					<li>Turkish translation done by hbaklan943 (<a href="https://github.com/hbaklan943"
    1018. 

  1018. 							target="_blank">GitHub profile</a>)</li>
    1019. 

  1019. 					<li>Ukrainian translation done by perdolka (<a href="https://github.com/perdolka"
    1020. 

  1020. 							target="_blank">GitHub profile</a>), gildas-lormeau</li>
    1021. 

  1021. 				</ul>
    1022. 

  1022. 			</li>
    1023. 

  1023. 			<li><a id="icons">Icons</a>
    1024. 

  1024. 				<ul>
    1025. 

  1025. 					<li>Icon made by <a href="https://www.flaticon.com/authors/kiranshastry" title="Kiranshastry"
    1026. 

  1026. 							target="_blank" s>Kiranshastry</a> from <a href="https://www.flaticon.com/" title="Flaticon"
    1027. 

  1027. 							target="_blank">www.flaticon.com</a> is licensed by <a
    1028. 

  1028. 							href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0"
    1029. 

  1029. 							target="_blank">CC 3.0 BY</a> </li>
    1030. 

  1030. 				</ul>
    1031. 

  1031. 			</li>
    1032. 

  1032. 		</ol>
    1033. 

  1033. 	</div>
    1034. 

  1034. 	<script type="module" src="../bg/ui-help.js"></script>
    1035. 

  1035. </body>
    1036. 

  1036. 

  1037. </html>
    1038.