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
   7     <link rel="stylesheet" href="https://jamesfengcao.gitee.io/uweb/style.css" type="text/css" />
   8     <title>手势</title>
   9   </head>
  10   <body>
  11     <header class='header'>
  12       <a class="logo" href="..">⟰</a> <a class="logo" href="https://jamesfengcao.gitee.io/uweb//tags/">Tags</a>
  13       <nav>
  14       </nav>
  15     </header>
  16     <br />
  17
  18 <div class="container">
  19   <h1 class="title">手势
  20     <br>
  21     <span class="subtitle"></span>
  22   </h1>
  23   <ul class="tags">
  24
  25   </ul>
  26   <p>顶部下拉弹出地址栏; 顶部上划隐藏地址栏。底部下划隐藏工具条; 底部左右角落划动弹出工具条。</p>
  27 <p>紧靠工具条左右划动切换当前窗口; 左右大幅度划动切换到第一或最后一个窗口。</p>
  28 <p>起点终点紧靠地址栏划动操作调用&quot;default.gesture&quot;文件中对应链接。文件格式与文件<a href="../links">default.link</a>完全相同。每行第一部分为助记名，第二部分为链接。手势操作对应方式如下：</p>
  29 <ol>
  30 <li>将屏幕宽度平分为三部分，分别对应数字0,1,2</li>
  31 <li>将终点对应的屏幕数字加上起点对应数字的三倍。如果数字为4且初始为往左滑动则数字改为9。</li>
  32 <li>每额外多一次来回转折数字加10。<br>
  33 超微浏览器将执行上述数字所对应行所定义的链接操作。（0对应第一行，以此类推）</li>
  34 </ol>
  35 <p>右边缘划动操作调用&quot;default.gesture2&quot;文件中对应链接。对应方法同&quot;default.gesture&quot;。</p>
  36 <p>常用操作链接：<br>
  37 back:javascript:history.back()<br>
  38 forward:javascript:history.forward()<br>
  39 back2:javascript:history.go(-2)</p>
  40
  41 </div>
  42
  43   </body>
  44 </html>