如何在电脑端调试手机端

249 阅读1分钟

背景

有时候一些环境只在手机端/平板端环境才生效,比如h5+的plus等API。但是在手机端或者平板端开发调试的时候我们看不到 console.log 等一些调试信息,以下的步骤可以帮助你很方便的调试你的程序

需要调试的程序是用 Vue 开发的系统,打包后用Hbuilderx封装成原生应用跑在平板上。

1. edge 开发工具

在edge浏览器上 进入这个链接 edge://inspect/#devices

你会看到这个页面

这个页面会自动检测我们要调试的移动端程序,后面我们会用到

2. HbuilderX运行

运行 Vue 项目获取运行的IP地址 Network

还需要一个dist包,里面是一些Hbuilder需要的配置

直接运行项目,实际上运行的是network里面的地址

后面可以直接在这上面打开就行了