uni打包H5在手机浏览器看控制台

以你之姓@ 2023-07-04 15:31 37阅读 0赞

uni写的h5项目在电脑上调试没有问题,但是在手机上有bug时,很难调试,所以需要在移动端有一个控制台查看具体问题。

首先,打开hello uni的项目,找到自带的入口html

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MDI2NDM3_size_16_color_FFFFFF_t_70

也可以在官网上找初始化的html。

将html放到自己项目里。

然后打开manifest.json 选择h5配置

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MDI2NDM3_size_16_color_FFFFFF_t_70 1

找到刚刚导入的html文件。

最后在这个文件下面加上2行代码

  1. script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>
  2. <script>eruda.init();</script>

或者

  1. <script type="text/javascript" src="//wap.cmread.com/rbc/t/content/repository/ues/js/s109/vconsole.js"></script>
  2. <script type="text/javascript">
  3. var vConsole=new VConsole();
  4. </script>

都可以

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MDI2NDM3_size_16_color_FFFFFF_t_70 2

重新运行项目,用手机打开 运行的Network网址就可以看到了

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MDI2NDM3_size_16_color_FFFFFF_t_70 3

发表评论

表情:
评论列表 (有 0 条评论,37人围观)

还没有评论,来说两句吧...

相关阅读