zh/gesture/index.html

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