ionic移动端调试工具vConsole



vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板,是微信官方出品,主要用于移动调试,也可以用于ionic移动端调试


平时在PC端浏览器上面调试我们的应用的时候,我们可以console.log去输出一些信息,但是在移动端比如用ionic开发手机app,或者在手机上调试移动web页面的时候,console.log的信息我们是看不到的,那么vConsole来了可以解决这个问题。


ionic移动端调试工具vConsole可以查看 console 日志,可以查看网络请求,查看页面 element 结构,查看 Cookies 和 localStorage,可以手动执行 JS 命令行,可以自定义插件







ionic vConsole移动端调试工具的用法(第一种方法):


找到项目里面的index.html,在ionic项目的index.html引入vconsole并实例化


<script src="path/vconsole.min.js"></script>
<script>


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



ionic vConsole移动端调试工具的用法(第二种方法):


  1.安装




2.用到的页面引入实例化


import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http} from '@angular/http';

import VConsole from 'vconsole';
var vConsole = new VConsole();


ionic移动端调试工具vConsole官方下载地址:https://github.com/Tencent/vConsole