vConsole:移动端调试网页的神器

在项目进行混合开发或者网页在移动端调试的时候,特别是在webview里面调试,鹅厂的vConsole就很管用了。

GitHub地址:https://github.com/Tencent/vConsole.

vConsole

一个轻量、可拓展、针对手机网页的前端开发者调试面板。

特性

  • 查看 console 日志
  • 查看网络请求
  • 查看页面 element 结构
  • 查看 Cookies、localStorage 和 SessionStorage
  • 手动执行 JS 命令行
  • 自定义插件

npm 安装

npm install vconsole

Vue项目引入

在main.js引入vConsole即可

//移动端日志调试神器
import Vconsole from \'vconsole\'
let vConsole = new Vconsole()
Vue.use(vConsole)

效果:

把项目需要调试的网页链接放到移动端即可调试查看相关信息了,是不是很方便

移动端调试网页的神器vConsole
移动端调试网页的神器vConsole

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/share/20111.html

发表评论

登录后才能评论