不连wifi 调试手机h5页面的方法

使用它：

chrome://inspect/#devices

用 MAC + iphone 介绍

windows系统请 参考它

一、准备工作

• 【Mac】使用 Safari 浏览器的“开发”菜单
  • 请选取“Safari 浏览器”>“偏好设置”，点按“高级”，然后选择“在菜单栏中显示开发菜单”。
• 【iPhone】开启调试模式
  • 要远程调试 IOS Safari ，必须启用 Web 检查 功能。打开 iPhone 依次进入 设置 > Safari > 高级 > Web 检查 > 启用。

二、操作步骤

iPhone链接到mac上，打开Safari浏览器，运行手机app里面的web页面，在“开发”菜单中选择连接的手机，找到调试的网页，就能在Safari里面调试了

---------以上就是全部流程 end ---------

番外篇：页面显示控制台

页面显示控制台

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script> 
<script> 
    // VConsole 默认会挂载到 `window.VConsole` 上 
    var vConsole = new window.VConsole(); 
    // 接下来即可照常使用 `console` 等方法 
    console.log('Hello world'); 
    // 结束调试后，可移除掉 
    // vConsole.destroy(); 
</script>