android - 用我的安卓手机+谷歌浏览器调试网页？

问题描述

我有一个简单的网页，我想将手机连接到电脑上，然后在手机上查看网页并使用开发工具进行调试。

<!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://cdn.jsdelivr.net/npm/@ericblade/quagga2/dist/quagga.js"></script>
    <script>
        Quagga.init({
    inputStream : {
      name : "Live",
      type : "LiveStream",
      target: '#container'    // Or '#yourElement' (optional)
    },
    decoder : {
      readers : ["code_128_reader"]
    }
  }, function(err) {
      if (err) {
          console.log(err);
          return
      }
      console.log("Initialization finished. Ready to start");
      Quagga.start();
  });
    </script>
</head>
<body>
    <div id="container"></div>
    <input type="text" />
</body>
</html>

现在我没有运行服务器或类似的东西。它只是我磁盘驱动器上的一个文件，我插入我的安卓手机，启用 USB 调试并在“chrome://inspect/#devices”中看到它

当我尝试将我的文件系统路径 url 放入“使用 url 打开选项卡”中时，我没有得到任何页面。但是得到“您的文件无法访问”。

我必须把它托管在 locahost 上吗？

编辑

尝试甚至像好的实时页面但仍然无法正常工作

我只是得到空白页。

标签： androidgoogle-chromedebuggingdeveloper-tools

android - 用我的安卓手机+谷歌浏览器调试网页？

问题描述

解决方案

推荐阅读