网页唤起App & 复制网页内容到移动端剪切板

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://unpkg.com/callapp-lib"></script>
    <script src="https://unpkg.com/clipboard@2/dist/clipboard.min.js"></script>
  </head>
  <body>
    <div>
      <h3>网页唤起App</h3>
      <button onclick="ceshi();">callapp-lib 唤起App</button>
    </div>

    <div>
      <h3>复制文本到剪切板</h3>
      <!-- Target -->
      <textarea id="bar">Mussum ipsum cacilds...</textarea>
      <!-- Trigger -->
      <button class="btn" data-clipboard-target="#bar">
        Copy to clipboard
      </button>
    </div>
    <script>
      new ClipboardJS(".btn");
      
      // zhihu://question/27883599
      const option = {
        scheme: {
          protocol: "zhihu",
        },
        fallback: "https://oia.zhihu.com/",
        timeout: 4000,
      };
      const lib = new CallApp(option);
      function ceshi() {
        lib.open({ path: "question/27883599" });
      }
    </script>
  </body>
</html>

 

posted @ 2021-12-08 15:14  追着快乐飞  阅读(81)  评论(0)    收藏  举报