移动端调试方法
移动端调试方法
Vconsole
- Vconsole github地址
- 安装方法:
npm install vconsole
- 在项目中使用:
import VConsole from 'vconsole'; new VConsole();
- 手机与项目处于同一IP下,通过手机访问项目地址,在Vconsole调试面板中可以进行调试。
Chrome + Android
- chrome中输入 chrome://inspect
- 通过数据线连接你的电脑和 Android 手机,打开USB的调试模式
- 就可以在上面的页面中看到自己的设备
- 和使用谷歌调试pc端一样,可惜ios不适用
Safari + iOS + Mac
- 打开手机点击设置 -> Safari浏览器 -> 高级
- 打开JavaScript和web检查器。
- 在Mac上打开Safari,执行【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选
- 通过数据线将Mac和iPhone连接,在Mac上的Safari浏览器中执行【开发】->【手机名称】->【正在调试的网站】
- 在Mac上的Safari浏览器中打开网页检查器。
- 就可以按照调试pc端页面的思路来调试ios的页面