index.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <link rel="stylesheet" href="/uwebzh/style.css" type="text/css" />
  7. <title>Html5 applications</title>
  8. <script type="text/javascript">
  9. function findLang(){
  10. let href = location.href;
  11. for(let i=href.length-1;i>0;i--){
  12. if('/'==href.charAt(i) && '/'==href.charAt(i-3))
  13. return i;
  14. }
  15. return 0;
  16. }
  17. function nav2(page){
  18. let i = findLang();
  19. location.href = location.href.substring(0,i+1)+page;
  20. }
  21. function nav2Lang(lang){
  22. let i = findLang();
  23. let href = location.href;
  24. location.href = location.href.substring(0,i-2)+lang+location.href.substring(i);
  25. }
  26. </script>
  27. </head>
  28. <body>
  29. <header class='header'>
  30. <a class="logo" href="javascript:void(0)" onclick="return nav2('index.html')">Home</a> <a class="logo" href="javascript:void(0)" onclick="return nav2('tags/index.html')">Tags</a>
  31. <a class="logo" href="javascript:void(0)" onclick="return nav2Lang('zh')">简体中文</a>
  32. <nav>
  33. </nav>
  34. </header>
  35. <br />
  36. <div class="container">
  37. <h1 class="title">Html5 applications
  38. <br>
  39. <span class="subtitle"></span>
  40. </h1>
  41. <ul class="tags">
  42. </ul>
  43. <p>This page is for <a href="../index.html">uweb browser</a>.</p>
  44. <h4 id="html5-applications">Html5 applications</h4>
  45. <p>Click to install the following html5 apps:<br>
  46. <a target="_self" href="i:0happ/txtview.html:https://fastly.jsdelivr.net/gh/torappinfo/uweb/zh/searchurl/txt/txtview.html">Huge markdown file viewer</a><br>
  47. <a target="_self" href="i:0happ/markdeep.html:https://fastly.jsdelivr.net/gh/torappinfo/uweb/zh/searchurl/txt/markdeep.html">Huge markdeep file viewer (markdown, latex, diagram,graphviz etc.)</a><br>
  48. <a target="_self" href="i:0happ/plyr.html:https://fastly.jsdelivr.net/gh/torappinfo/uweb/zh/searchurl/txt/plyr.cfg">plyr video player</a><br>
  49. <a target="_self" href="i:0happ/dplayer.html:https://fastly.jsdelivr.net/gh/torappinfo/uweb/zh/searchurl/txt/dplayer.html">dplayer video player</a><br>
  50. <a target="_self" href="i:0happ/pdfviewer.html:https://fastly.jsdelivr.net/gh/torappinfo/uweb/zh/searchurl/txt/pdfviewer.html">pdf viewer</a><br>
  51. <a target="_self" href="i:0happ/epub.html:https://fastly.jsdelivr.net/gh/torappinfo/uweb/zh/searchurl/txt/epub.html">epub reader (author:llili)</a><br>
  52. <a target="_self" href="i:0happ/djvu.html:https://fastly.jsdelivr.net/gh/torappinfo/uweb/zh/searchurl/txt/djvu.html">djvu viewer</a></p>
  53. <p>The corresponding menu can be installed with <a href="../urls/index.html">url services</a>.</p>
  54. <h4 id="features">Features</h4>
  55. <p>The following mentioned subfolders locate in the configuration folder.</p>
  56. <ul>
  57. <li>All html5 applications locating in a subfolder whose name begins with &quot;app&quot; (such as &quot;appPDF&quot;) are allowed to read local files. Use url &quot;https://local/sdcard/...&quot; for a local file.</li>
  58. <li><span style="color:red">All files under the subfolder &quot;app&quot; can be automatically choosed as file objects by any web page</span>.</li>
  59. </ul>
  60. <p>Click to configure <a href="../filecap/index.html">default.filecap</a> to open local files, and to open remote files with the option &quot;custom file handling&quot;:<br>
  61. <a target="_self" href="i:0gdefault.filecap:https://fastly.jsdelivr.net/gh/torappinfo/uweb/zh/searchurl/txt/filecap.cfg">use pdf.js,djvu.js,epub.js, huge markdown viewer for local files</a></p>
  62. <p>url examples are as follows:</p>
  63. <ul>
  64. <li>file:///data/data/info.torinfo.uweb/files/app/pdfviewer.html?file=[path].pdf#page=[xxx]</li>
  65. <li>file:///data/data/info.torinfo.uweb/files/app/djvu.html?url=...xx.pdf#page=[xxx]</li>
  66. <li>file:///data/data/info.torinfo.uweb/files/app/txtview.html?url=[url]#page=[xxx]</li>
  67. <li>file:///data/data/info.torinfo.uweb/files/app/txtview.html?url=[url]#offset=[xxxx]&amp;[length]</li>
  68. <li>file:///data/data/info.torinfo.uweb/files/app/markdeep.html?url=[url]#page=[xxx]</li>
  69. <li>file:///data/data/info.torinfo.uweb/files/app/markdeep.html?url=[url]#offset=[xxxx]&amp;[length]</li>
  70. </ul>
  71. <p>Ex. &quot;#offset=10000&amp;500&quot; will retrieve 500 bytes from offset 10000. Click the right arrow button to next page in all above file viewers.</p>
  72. <h4 id="configure-html5-app-subfolder-app-optional">Configure html5 app subfolder &quot;app&quot; (optional)</h4>
  73. <p>By default, the subfolder &quot;app&quot; is created by clicking to install any of above html5 applications.</p>
  74. <p>To make file management easier, users can symbolic link the subfolder &quot;app&quot; to any other locations as long as it is readable.</p>
  75. <p>One way to configure &quot;app&quot; subfolder is as follows:</p>
  76. <ul>
  77. <li><a href="i:15d:text/plain:toybox mkdir -p /sdcard/Download/app;toybox ln -s /sdcard/Download/app 2>&1:">Click to copy the command to the address bar</a></li>
  78. <li>Press the home screen button of uweb browser bottom toolbar, so the home screen appears.</li>
  79. <li>If you want &quot;app&quot; to be locations other than &quot;/sdcard/Download/app&quot;, modify as you like.</li>
  80. <li>Press &quot;enter&quot; on the address bar to execute the command.</li>
  81. </ul>
  82. <h4 id="mdict-dictionary-lookup-search-engine">mdict dictionary lookup search engine:</h4>
  83. <p>i:5ihttps://uweb-zh.vercel.app/zh/searchurl/txt/mdict.html?file=./mdict/xxx.mdx,./mdict/xxx.mdd#word=</p>
  84. <p>The dictionary files (mdx, mdd) must locate in the &quot;app&quot; subfolder under the configuration folder. In above example, the files &quot;xxx.mdx&quot; and &quot;xxx.mdd&quot; locate in the folder &quot;.../app/mdict&quot;.</p>
  85. <p><a href="i:15d:text/plain:cd /data/data/info.torapp.uweb/files/app/mdict;for i in *.mdx; do b=`basename ${i} .mdx`;fs=%22./mdict/${i}%22;if [ -f ${b}.mdd ];then fs=${fs}%22,./mdict/${b}.mdd%22;fi;echo ${b}:i:5ihttps://uweb-zh.vercel.app/zh/searchurl/txt/mdict.html?file=${fs}#word= >>../../home5.search;done:">Clip to paste commands to the address bar</a>, the commands scan mdx/mdd files under app/mdict and add search engines to home screen.</p>
  86. <p>After pasting the command to the address bar, press home screen button, then press &quot;enter&quot; on the address bar to execute the command.</p>
  87. </div>
  88. </body>
  89. </html>