uweb/en/html5/index.html
2022-08-04 09:41:27 +08:00

97 lines
6.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/uwebzh/style.css" type="text/css" />
<title>Html5 applications</title>
<script type="text/javascript">
function findLang(){
let href = location.href;
for(let i=href.length-1;i>0;i--){
if('/'==href.charAt(i) && '/'==href.charAt(i-3))
return i;
}
return 0;
}
function nav2(page){
let i = findLang();
location.href = location.href.substring(0,i+1)+page;
}
function nav2Lang(lang){
let i = findLang();
let href = location.href;
location.href = location.href.substring(0,i-2)+lang+location.href.substring(i);
}
</script>
</head>
<body>
<header class='header'>
<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>
<a class="logo" href="javascript:void(0)" onclick="return nav2Lang('zh')">简体中文</a>
<nav>
</nav>
</header>
<br />
<div class="container">
<h1 class="title">Html5 applications
<br>
<span class="subtitle"></span>
</h1>
<ul class="tags">
</ul>
<h4 id="html5-applications">Html5 applications</h4>
<p>Click to install the following html5 apps:<br>
<a target="_self" href="i:0happ/txtview.html:https://fastly.jsdelivr.net/gh/torappinfo/uwebzh/zh/searchurl/txt/txtview.html">Huge markdown file viewer</a><br>
<a target="_self" href="i:0happ/markdeep.html:https://fastly.jsdelivr.net/gh/torappinfo/uwebzh/zh/searchurl/txt/markdeep.html">Huge markdeep file viewer (markdown, latex, diagram,graphviz etc.)</a><br>
<a target="_self" href="i:0happ/plyr.html:https://fastly.jsdelivr.net/gh/torappinfo/uwebzh/zh/searchurl/txt/plyr.cfg">plyr video player</a><br>
<a target="_self" href="i:0happ/dplayer.html:https://fastly.jsdelivr.net/gh/torappinfo/uwebzh/zh/searchurl/txt/dplayer.html">dplayer video player</a><br>
<a target="_self" href="i:0happ/pdfviewer.html:https://fastly.jsdelivr.net/gh/torappinfo/uwebzh/zh/searchurl/txt/pdfviewer.html">pdf viewer</a><br>
<a target="_self" href="i:0happ/epub.html:https://fastly.jsdelivr.net/gh/torappinfo/uwebzh/zh/searchurl/txt/epub.html">epub reader (authorllili)</a><br>
<a target="_self" href="i:0happ/djvu.html:https://fastly.jsdelivr.net/gh/torappinfo/uwebzh/zh/searchurl/txt/djvu.html">djvu viewer</a></p>
<p>The corresponding menu can be installed with <a href="../urls/index.html">url services</a>.</p>
<h4 id="features">Features</h4>
<p>The following mentioned subfolders locate in the configuration folder.</p>
<ul>
<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>
<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>
</ul>
<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>
<a target="_self" href="i:0gdefault.filecap:https://fastly.jsdelivr.net/gh/torappinfo/uwebzh/zh/searchurl/txt/filecap.cfg">use pdf.js,djvu.js,epub.js, huge markdown viewer for local files</a></p>
<p>url examples are as follows:</p>
<ul>
<li>file:///data/data/info.torinfo.uweb/files/app/pdfviewer.html?file=[path].pdf#page=[xxx]</li>
<li>file:///data/data/info.torinfo.uweb/files/app/djvu.html?url=...xx.pdf#page=[xxx]</li>
<li>file:///data/data/info.torinfo.uweb/files/app/txtview.html?url=[url]#page=[xxx]</li>
<li>file:///data/data/info.torinfo.uweb/files/app/txtview.html?url=[url]#offset=[xxxx]&amp;[length]</li>
<li>file:///data/data/info.torinfo.uweb/files/app/markdeep.html?url=[url]#page=[xxx]</li>
<li>file:///data/data/info.torinfo.uweb/files/app/markdeep.html?url=[url]#offset=[xxxx]&amp;[length]</li>
</ul>
<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>
<h4 id="configure-html5-app-subfolder-app-optional">Configure html5 app subfolder &quot;app&quot; (optional)</h4>
<p>By default, the subfolder &quot;app&quot; is created by clicking to install any of above html5 applications.</p>
<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>
<p>One way to configure &quot;app&quot; subfolder is as follows:</p>
<ul>
<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>
<li>Press the home screen button of uweb browser bottom toolbar, so the home screen appears.</li>
<li>If you want &quot;app&quot; to be locations other than &quot;/sdcard/Download/app&quot;, modify as you like.</li>
<li>Press &quot;enter&quot; on the address bar to execute the command.</li>
</ul>
<h4 id="mdict-dictionary-lookup-search-engine">mdict dictionary lookup search engine:</h4>
<p>i:5ihttps://uweb-zh.vercel.app/zh/searchurl/txt/mdict.html?file=./mdict/xxx.mdx,./mdict/xxx.mdd#word=</p>
<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>
<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 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>
<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>
</div>
</body>
</html>