zoukankan      html  css  js  c++  java
  • 前端如何引入vConsole

    很多文章讲述不是很到位,就记录一下 vconsole 的使用和注意点。

    为什么要使用 vconsole.js ?
    因为手机或者平板之类的客户端软件并没有控制台,前端开发想看log日志比较麻烦,如果一直弹窗alert方法实在太挫了。所以腾讯开发了这个 js 插件。

    注意点
    vconsole 这个插件源码里面是依赖 html dom api 来实现的,如果你所使用的的环境不支持 dom,与原有的浏览器内核有差异,可能无法使用。一般的 web-view 嵌套网页是可以用的,或者手机浏览器都是OK的。如果是小程序或者第三方软件解析html需要查看一下原理。至于微信小程序为什么有,因为别人就是内置的,自己写适配了自己。

    如何使用引入?
    提示:官方源代码地址 :  https://github.com/Tencent/vConsole/blob/dev/README_CN.md

    1. 使用 cdn 方式引入,这里列举了所有版本的 js 地址,可以随意选择一个版本复制引入。https://www.bootcdn.cn/vConsole/。然后在页面 <head> 里面加入初始化代码。举例如下:

    <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
    <script>
      // 初始化
      var vConsole = new VConsole();
      console.log('Hello world');
    </script>


    ————————————————
    版权声明:本文为CSDN博主「xuyanquan」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/xuyanquan/java/article/details/105530615

  • 相关阅读:
    幸福必读
    JAVA程序员之路
    编写数据库操作类,使ASP.NET 中的数据库操作变得简单
    Duwamish 7.0 系列分析文章
    Visual Studio .NET加密技术剖析系列课程
    做为一个Tester,你为Testing付出了多少?
    程序员分成几种不同的境界
    深度探索C++对象模型(2).txt
    Eclipse快速上手指南之使用JUnit
    Eclipse使用技巧
  • 原文地址:https://www.cnblogs.com/zhangzhijian/p/13231767.html
Copyright © 2011-2022 走看看