移動端除錯利器之vconsole

2022-05-01 16:24:14 字數 422 閱讀 6221

說明

由於移動端專案在手機中除錯時不能使用chrome的控制台,而vconsole是對pc端console的改寫

使用方法

使用 npm 安裝:

npm install  vconsole
使用webpack,然後js**中:

import vconsole from 'vconsole/dist/vconsole.min.js' //import vconsole

let vconsole = new vconsole() // 初始化

或者找到這個模組下面的 dist/vconsole.min.js ,然後複製到自己的專案中:

附vconsole github位址 vconsole

VUE移動端除錯

首先呢,你的了解一下 browsersync 是個什麼東西,可以移步browsersync官網了解下。然後才是 當我們使用vue cli搭建vue專案的時候,通常使用的都是 webpack 的模板,但是vue一般都是移動端的專案避免不了移動端的除錯,那麼既然是移動端的除錯怎麼能少得了 browser...

移動端除錯 weinre

weinre 是基於 node 的工具,因此使用如下命令安裝 weinre npm install g weinre用上面的命令將 weinre 安裝到全域性,然後就可以使用 weinre的命令了。weinre 提供了6個可選的啟動引數,其中下面兩個引數一般會修改,其它的用預設值就可以了。weinr...

移動端除錯神器(eruda)

在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和除錯,只有在chrome除錯完成,沒有問題了才會上到真機測試,移動端開發的一大問題就在於此,一到某個瀏覽器中就炸了,怎麼辦,又無法像在chrome中使用除錯工具進行除錯,只能通過alert 彈窗來除錯,有什麼辦法可以像pc上那...