index.html 3.5 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="canonical" href="https://jamesfengcao.gitlab.io/uweb/zh/gesture/" />
  7. <link rel="stylesheet" href="../style.css#" type="text/css" />
  8. <title>手势</title>
  9. <script>
  10. function findLang(){
  11. let href = location.href;
  12. for(let i=href.length-1;i>0;i--){
  13. if('/'==href.charAt(i) && '/'==href.charAt(i-3))
  14. return i;
  15. }
  16. return 0;
  17. }
  18. function nav2(page){
  19. let i = findLang();
  20. location.href = location.href.substring(0,i+1)+page;
  21. }
  22. function nav2Lang(lang){
  23. let i = findLang();
  24. let href = location.href;
  25. location.href = location.href.substring(0,i-2)+lang+location.href.substring(i);
  26. }
  27. </script>
  28. </head>
  29. <body>
  30. <header class='header'>
  31. <a class="logo" href="javascript:void(0)" onclick="return nav2('index.html#')">首页</a> <a class="logo" href="javascript:void(0)" onclick="return nav2('tags/index.html#')">标签</a>
  32. <a class="logo" href="javascript:void(0)" onclick="return nav2Lang('en')">English</a>
  33. <nav>
  34. </nav>
  35. </header>
  36. <br />
  37. <div class="container">
  38. <h1 class="title">手势
  39. <br>
  40. <span class="subtitle"></span>
  41. </h1>
  42. <ul class="tags">
  43. </ul>
  44. <p>顶部下拉弹出地址栏; 顶部上划隐藏地址栏。底部下划隐藏工具条; 底部左右角落划动弹出工具条。</p>
  45. <p>紧靠工具条左右划动切换当前窗口; 左右大幅度划动切换到第一或最后一个窗口。</p>
  46. <p>起点终点紧靠地址栏划动操作调用&quot;default.gesture&quot;文件中对应链接。文件格式与文件<a href="../links/index.html#">default.link</a>完全相同。每行第一部分为助记名,第二部分为链接。手势操作对应方式如下:</p>
  47. <ol>
  48. <li>将屏幕宽度平分为三部分,分别对应数字0,1,2</li>
  49. <li>将终点对应的屏幕数字加上起点对应数字的三倍。如果数字为4且初始为往左滑动则数字改为9。</li>
  50. <li>每额外多一次来回转折数字加10。<br>
  51. 超微浏览器将执行上述数字所对应行所定义的链接操作。(0对应第一行,以此类推)</li>
  52. </ol>
  53. <p>右边缘划动操作调用&quot;default.gesture2&quot;文件中对应链接。对应方法同&quot;default.gesture&quot;。</p>
  54. <p>常用操作链接:<br>
  55. back:javascript:history.back()<br>
  56. forward:javascript:history.forward()<br>
  57. back2:javascript:history.go(-2)</p>
  58. </div>
  59. <p>Last Modified: 2 April 2024<br>
  60. add js function in README<br>
  61. <pre></pre>
  62. </p>
  63. <script id='jsgiscus'
  64. src='https://giscus.app/client.js'
  65. data-repo="torappinfo/uweb"
  66. data-repo-id="MDEwOlJlcG9zaXRvcnkzMDIyMDU3MjE="
  67. data-category="Announcements"
  68. data-category-id="DIC_kwDOEgNLGc4CQjsh"
  69. data-mapping="title"
  70. data-strict="0"
  71. data-reactions-enabled="1"
  72. data-emit-metadata="0"
  73. data-input-position="top"
  74. data-theme="light"
  75. data-lang="en"
  76. data-loading="lazy"
  77. crossorigin="anonymous" async>
  78. </script>
  79. <footer class="site-footer">
  80. <div class="container">
  81. &copy; 2018-2024 Richard H. Cao
  82. </div>
  83. </footer>
  84. <!-- This document is licensed under the GNU Free Documentation License, Version 1.3 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the license is available at <https://www.gnu.org/licenses/>. -->
  85. </body>
  86. </html>