移动端浏览器调试工具vconsole方案一：通过CDN地址引入（全部试用）通过CDN地址引入实例化运行项目查看项目

方案一：通过CDN地址引入（全部试用）

通过CDN地址引入

 <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.15.1/vconsole.min.js"></script>

实例化

  <script>  var vConsole = new VConsole();  </script>

运行项目查看项目页面中是否出现一个绿色 vConsole 的按钮，点击该按钮便可以打开控制台 demo：

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <link rel="icon" href="favicon.ico" />
    <title></title>

  </head>
 
  <body>
    <div id="berlvy"></div>
  </body>
 <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.15.1/vconsole.min.js"></script>
  <script>  var vConsole = new VConsole();  </script>
</html>

备注 :ios 将 vconsole.min.js 放到本地才生效

方案二：通过npm安装 vconsole 插件

通过npm安装 vconsole

npm install vconsole --save-dev

在项目入口main.js 文件中引入：

import  vconsole  from  'vconsole'

实例化 vconsole:

  var  vConsole  =  new vconsole ()

运行项目查看项目页面中是否出现一个绿色 vConsole 的按钮，点击该按钮便可以打开控制台