在安卓手机上运行 HTML/JS 网站答案

【问题标题】：Running HTML/JS site on android phone在安卓手机上运行 HTML/JS 网站
【发布时间】：2018-07-19 19:10:24
【问题描述】：

我正在尝试在 Android 手机上离线运行 HTML5 二维码扫描仪。我正在使用这个库 https://github.com/schmich/instascan

我刚刚从文档中复制了以下代码，它在我的计算机上就像一个魅力一样工作。当我将文件夹复制到我的 android 8 手机时，当我用 chrome 打开文件时，我什么也没得到。我应该得到一个提示窗口以允许相机访问，但我没有。我尝试在页面上运行 alert() 以查看 JS 是否正在运行。我想知道如果要从 android 智能手机本地存储上的本地文件夹中执行此操作，是否需要采取任何其他步骤。 PS：我也手动查看了权限，都设置为先询问

<!DOCTYPE html>
<html>
  <head>
    <title>Instascan</title>
    <script type="text/javascript" src="instascan.min.js"></script>
  </head>
  <body>
    <video id="preview"></video>
    <script type="text/javascript">
      let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
      scanner.addListener('scan', function (content) {
        console.log(content);
      });
      Instascan.Camera.getCameras().then(function (cameras) {
        if (cameras.length > 0) {
          scanner.start(cameras[0]);
        } else {
          console.error('No cameras found.');
        }
      }).catch(function (e) {
        console.error(e);
      });
    </script>
  </body>
</html>

【问题讨论】：

标签： javascript android html qr-code

【解决方案1】：

您是否也将 instascan.min.js 添加到手机中？如果是，您是否将其添加到同一目录中？

【讨论】：

是的，我做到了。我有一个包含 index.html 和 instascan.js 的文件夹。刚刚将文件夹复制到手机存储中

【解决方案2】：

Instascan 需要安全连接(HTTPS)，因此您只需在开头的 url 添加 https 即可请求访问相机，即使该站点没有相应的证书。

【讨论】：