移動端使用vconsole調試console

時間 2019-12-04

原文原文鏈接

Date: 2018-08-24 15:15 tags:工具webpack

由於最近一直在弄移動端項目，因爲在移動端沒法打開控制檯，因此想辦法打印調試console的數據一直苦惱。以前用的是chrome的inspect調試，可是隻能使用移動版的chrome查看數據，兼容很差，因此最近使用了vConsole 進行調試。git

####使用首先去下載相關的代碼，因爲只須要在頁面引入一個js文件，直接去下載就能夠，地址：www.npmjs.com/package/vco…github

或者使用 npm 安裝：web

npm install vconsole
複製代碼

使用webpack，而後js代碼中chrome

import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
let vConsole = new VConsole() // 初始化
複製代碼

或者找到這個模塊下面的 dist/vconsole.min.js ，而後複製到本身的項目中npm

<head>
    <script src="dist/vconsole.min.js"></script>
</head>
<!--建議在 `<head>` 中引入哦~ -->
<script>
  // 初始化
  var vConsole = new VConsole();
  console.log('VConsole is cool');
</script>
複製代碼

####注意請注意，VConsole 只是 vConsole 的原型，而非一個已實例化的對象。因此在手動 new 實例化以前，vConsole 不會被插入到網頁中。bash

官方文檔：github.com/Tencent/vCo…工具

相關標籤/搜索