options.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>SingleFile options</title>
  6. <link rel="stylesheet" href="options.css">
  7. </head>
  8. <body>
  9. <h3>Options</h3>
  10. <details>
  11. <summary>User interface</summary>
  12. <div class="option">
  13. <label for="contextMenuEnabledInput">add entry in the context menu</label>
  14. <input type="checkbox" id="contextMenuEnabledInput">
  15. </div>
  16. <div class="option">
  17. <label for="shadowEnabledInput">overlay a shadow on the page during processing</label>
  18. <input type="checkbox" id="shadowEnabledInput">
  19. </div>
  20. <div class="option">
  21. <label for="displayInfobarInput">display an infobar when viewing archives</label>
  22. <input type="checkbox" id="displayInfobarInput">
  23. </div>
  24. </details>
  25. <details>
  26. <summary>File name</summary>
  27. <div class="option">
  28. <label for="appendSaveDateInput">append the save date to the file name</label>
  29. <input type="checkbox" id="appendSaveDateInput">
  30. </div>
  31. <div class="option">
  32. <label for="confirmFilenameInput">confirm file name before saving the page</label>
  33. <input type="checkbox" id="confirmFilenameInput">
  34. </div>
  35. </details>
  36. <details>
  37. <summary>Page content</summary>
  38. <div class="option">
  39. <label for="compressHTMLInput">compress HTML</label>
  40. <input type="checkbox" id="compressHTMLInput">
  41. </div>
  42. <div class="option">
  43. <label for="removeImportsInput">remove HTML imports</label>
  44. <input type="checkbox" id="removeImportsInput">
  45. </div>
  46. <div class="option">
  47. <label for="removeFramesInput">remove frames</label>
  48. <input type="checkbox" id="removeFramesInput">
  49. </div>
  50. <div class="option">
  51. <label for="removeHiddenElementsInput">remove hidden elements</label>
  52. <input type="checkbox" id="removeHiddenElementsInput">
  53. </div>
  54. <div class="option">
  55. <label for="saveRawPageInput">save raw page</label>
  56. <input type="checkbox" id="saveRawPageInput">
  57. </div>
  58. </details>
  59. <details>
  60. <summary>Pages resources</summary>
  61. <div class="option">
  62. <label for="removeScriptsInput">remove scripts</label>
  63. <input type="checkbox" id="removeScriptsInput">
  64. </div>
  65. <div class="option">
  66. <label for="removeVideoSrcInput">remove video sources</label>
  67. <input type="checkbox" id="removeVideoSrcInput">
  68. </div>
  69. <div class="option">
  70. <label for="removeAudioSrcInput">remove audio sources</label>
  71. <input type="checkbox" id="removeAudioSrcInput">
  72. </div>
  73. <div class="option">
  74. <label for="compressCSSInput">compress CSS</label>
  75. <input type="checkbox" id="compressCSSInput">
  76. </div>
  77. <div class="option">
  78. <label for="removeUnusedCSSRulesInput">remove unused CSS rules</label>
  79. <input type="checkbox" id="removeUnusedCSSRulesInput">
  80. </div>
  81. <div class="option">
  82. <label for="lazyLoadImagesInput">save lazy loaded images</label>
  83. <input type="checkbox" id="lazyLoadImagesInput">
  84. </div>
  85. <div class="option">
  86. <label for="maxResourceSizeEnabledInput">set a maximum size for embedded resources</label>
  87. <input type="checkbox" id="maxResourceSizeEnabledInput">
  88. </div>
  89. <div class="option second-level">
  90. <label for="maxResourceSizeInput">maximum size (Mb)</label>
  91. <input type="number" id="maxResourceSizeInput" min="1">
  92. </div>
  93. </details>
  94. <details>
  95. <summary>Auto-save</summary>
  96. <div class="option">
  97. <label for="autoSaveUnloadInput">auto-save on page unload</label>
  98. <input type="checkbox" id="autoSaveUnloadInput">
  99. </div>
  100. <div class="option">
  101. <label for="autoSaveDelayInput">auto-save wait delay after load (sec.)</label>
  102. <input type="number" id="autoSaveDelayInput" min="0">
  103. </div>
  104. </details>
  105. <details>
  106. <summary>Misc.</summary>
  107. <div class="option">
  108. <label for="backgroundSaveInput">save pages in background</label>
  109. <input type="checkbox" id="backgroundSaveInput">
  110. </div>
  111. <div class="option">
  112. <label for="displayStatsInput">display stats in the console after processing</label>
  113. <input type="checkbox" id="displayStatsInput">
  114. </div>
  115. </details>
  116. <div class="option bottom">
  117. <a href="help.html" target="SingleFileHelpPage">help</a>
  118. <button id="resetButton" title="Reset all the options to default values">Reset</button>
  119. </div>
  120. <script type="text/javascript" src="/lib/browser-polyfill/custom-browser-polyfill.js"></script>
  121. <script type="text/javascript" src="../bg/options.js"></script>
  122. </body>
  123. </html>