web移动端真机调试工具

web移动端真机上调试的两种工具：

1. vconsole

直接在html页面中引入vConsole的JS文件

<script src="vconsole.min.js"></script>
<script>
        // 初始化vConsole
        var vConsole = new VConsole();
        console.log('hellocode')
</script>

也可以通过npm 安装

npm install vconsole --save

页面会出现vConsole小图标，点击，出现下图，可以看到自己打印的日志

2. eruda

 直接在html页面中引入 eruda的JS文件

<script src="https://cdn.bootcss.com/eruda/1.5.5/eruda.min.js"></script>
<script>
     eruda.init();
     console.log('hellocode')
</script>

也可以通过npm安装：

npm install eruda --save

页面会出现小图标，点击小图标，出现下图：

3. 使用chrome浏览器调试

chrome://inspect

使用 Chrome://inspect 调试 Android 和 IOS 上的浏览器页面_Amy的博客-优快云博客https://blog.youkuaiyun.com/sansan_7957/article/details/90641505