vconsole 移動端調試神器

在寫webapp或者移動端網頁需要嵌入到app時候，尤其是在APP内置的webView上加載我們的頁面，想要檢視手機浏覽器資訊是非常困難的事，當出現問題的時候，你又不能檢視日志，一般會連接配接本地測試環境，然後在alert來列印日志（這種做法太蠢了），然後一遍一遍的定位bug，修改代碼。使用eruda之後感覺爽爆了，解決了這個問題，這個工具就想電腦端的devtools，可以檢視日志，網絡，頁面，Resources等

使用方法

多頁面應用

<script src="path/to/vconsole.min.js"></script>
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script> 
           

單頁應用

我們在項目的入口引用這個檔案就可以

npm install vconsole
           

var vConsole = new VConsole();  //初始化
console.log('Hello world');