使用Eruda插件调试手机端页面

项目场景：

最近开发一个PC管理端的项目，
客户需求：
在展示仓库表格数据中，每个仓库都有一个专属的二维码，扫码后，跳转至手机端页面，手机端页面有：仓库名，产品名，数量，重量，规格，备注等表单输入框，最后点击确定，调接口完成录入功能。
项目框架：vue2+Ant Design Vue组件库

问题描述

前端用手机扫码跳转至录入页面，会先调取一个回显数据的接口，但是页面一直看不到数据，不清楚是前端回显的问题，还是后端接口没返回数据，还是接口报错了…
由于是在手机上，导致无法快速准确的判断出问题。

解决方案：

提示：使用eruda可以在手机上打开调试工具：
步骤如下：
第一步：先下载插件 npm install eruda --save
第二步：在需要的页面直接引入 import eruda from ‘eruda’

第三步：在mounted生命周期，初始化eruda插件 eruda.init()

效果展示：

总结：在PC端添加的手机端展示页面，由于手机上无法查看调试工具，导致开发效率下降，可以使用eruda插件，亲测好用。