cdn vconsole

什么是'.cdn vconsole.'

首先，'.cdn vconsole.'是一个开源项目，它是一个基于移动端的调试工具。其最初是由阿里巴巴前端工程师捣鼓的一个小工具，后来因为实用性被广泛推广。

它的使用场景

'.cdn vconsole.'通常被用在移动端web页面的调试中。当你的移动端页面出现bug，你可以通过在代码里加入这个工具的脚本，让它在页面中显示出来，以便你在手机上直接调试。

而在日常开发中，它还可以帮助前端开发人员方便快捷地查看ajax请求，console.log的数据、前端错误日志等。

如何使用'.cdn vconsole.'

在使用'.cdn vconsole.'之前，需要先在html头部引入该库的js脚本：

<script src="//cdn.bootcss.com/vConsole/2.5.2/vconsole.min.js"></script>

如果用React框架，可以在index.html中加入该脚本，如果是vue项目可在main.js中加入该脚本。

然后，在你的代码中，你可以通过以下方式来显示vconsole面板：

new VConsole()

这样就会在页面中添加一个可移动的控制台，直接展示页面中的控制台信息和日志。

它的一些特性

除了简单的展示控制台之外，它还有一些其他的特性：

• 查看AJAX请求和响应
• 查看cookie和storage
• 日志清除功能
• 自动引入一些调试工具的代码

需要注意的问题

尽管它可以方便快捷的帮助开发人员在移动端进行调试，但是需要注意的是，这个调试工具应该在测试过程中使用。在正式上线的版本中，应该将这个调试工具去掉，否则任何人都可以直接在console里面调用一些重要接口、查看你的cookie、storage，从而导致安全隐患，如果出现漏洞就会被黑客利用。

因此，正确使用这个调试工具，绝不只是在实现开发过程中方便自己，更应该思考它的安全性。