vue3移动h5调试插件

下载插件

pnpm i vconsole

---

代码部分

main.ts中加入如下代码

import VConsole from 'vconsole';



const isPc = () => {
  const userAgentInfo = navigator.userAgent;
  const Agents = ["Android", "iPhone",
    "SymbianOS", "Windows Phone",
    "iPad", "iPod"];
  let flag = true;
  for (let v = 0; v < Agents.length; v++) {
    if (userAgentInfo.indexOf(Agents[v]) > 0) {
      flag = false;
      break;
    }
  }
  return flag;
}


if (process.env.NODE_ENV != "prod" && !isPc()) {
  console.log(process.env.NODE_ENV);
  const vConsole = new VConsole();
}

运行项目

pnpm run dev

在手机上输入内外地址打开

打开后就可以看到调试工具了