移動端調試神器vConsole,eruda

前言

本片介紹一下一款移動端調試神器

咱們在寫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');