vue项目打包成app后如何进行调试

需求:vue写的H5项目打包成android的apk后需要进行调试
实现:在public下的index.html文件中添加以下代码

在这里插入代码片
<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
    <script>
      var vConsole = new VConsole({
        defaultPlugins: ['network'],
        disableLogScrolling: true
      });
      vConsole.pluginList.network.scrollToBottom = function() {
        if (!this.vConsole.option.disableLogScrolling) {
          var $box = vConsole.$.one('.vc-content');
          $box.scrollTop = $box.scrollHeight - $box.offsetHeight;
        }
      }
 </script>

安装apk后会出现在页面中

点击vconsole就和控制台一样了可以看大输出的内容和network请求了