开发状态下直接使用vconsole
针对uc浏览器
- 下载uc手机开发板
- 数据线链接手机 chrome 浏览器直接输入chrome://inspect
android手机chrome内核调试
-
下载android的sdk
- 在android官网下载android studio 然后下载sdk
- 配置路径 vim ~/.bash_profile
export ANDROID_HOME=~/Library/Android/sdk export PATH=${PATH}:${ANDROID_HOME}/tools export PATH=${PATH}:${ANDROID_HOME}/platform-tools- source ~/.bash_profile
- 开启手机的adb devices
-
浏览器中输入Chrome://inspect
android x5内核(主要针对微信等)
- 使用腾讯的tbs调试工具
- 下载地址: x5.tencent.com/tbs/guide/d…
ios的Safari 浏览器的调试
- 在 IOS 设备上打开允许调试：设置 –> Safari –> 高级 –> 打开 “web检查器”
- 在 MAC 上打开 Safari 的开发菜单：顶部菜单栏 “Safari” –> 偏好设置 –> 高级 –> 打开 在菜单栏中显示“开发”菜单 (show develop menu in menu bar)
- 在 IOS 设备上的 Safari 浏览器中打开要调试的页面，然后切换到 MAC 的 Safari，在顶部菜单栏选择 “开发” –> 找到你的 IOS 设备名称 –> 右边二级菜单选择需要调试的对应标签页，即可开始远程调试
所有平台
- npm 下载spy-debugger -> npm i -g spy-debugger
- 手机和pc处在同一个网络中
- 输入命令spy-debugger,按命令打开浏览器
- 设置手机的 HTTP 代理，代理 IP 地址设置为 PC 的 IP 地址，端口为s py-debugger的启动端口。
- 用手机打开浏览器访问你要调试的页面
