移动端浏览器调试工具vconsole

最新推荐文章于 2025-03-07 16:02:59 发布

头像为自己开发微信小程序

最新推荐文章于 2025-03-07 16:02:59 发布

阅读量758

点赞数 9

文章标签：前端

本文链接：https://blog.youkuaiyun.com/qq_33715850/article/details/139742668

版权

方案一：通过CDN地址引入

步骤一：通过CDN地址引入

步骤二：实例化

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>test</title>
    <link href="./css/index.css" rel="stylesheet" />
    <script src="https://cdn.bootcss.com/vConsole/3.2.2/vconsole.min.js"></script>
  </head>

  <body>
    <div id="pc"></div>
  </body>
  <script>  var vConsole = new VConsole();  </script>
  <script type="text/javascript" charset="utf-8" src="./js/自己的.js"></script>
</html>

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