移動端除錯神器 vConsole

2021-10-08 07:33:20 字數 467 閱讀 8882

不管是vue專案還是react專案都適用

前言:平時在web應用開發過程中,我們可以console.log去輸出一些資訊,但是在移動端,也就是在手機上,console.log的資訊我們是看不到的。

這種情況下,可以選擇使用alert彈出一些資訊,但是這種方法不怎麼方便,也會阻斷js執行緒,導致後面的執行緒都不執行。也影響除錯體驗。

那麼,如果將console.log應用到移動端呢?

需要借助第三方外掛程式:vconsole

npm install vconsole

// 然後將它引入進來

import vconsole from

'vconsole'

;// 開發環境下面使用vconsole進行除錯, 生產環境production(線上)上就不顯示

if(process.env.

node_env

==='development'

)

移動端開發除錯神器 vConsole

我們在開發手機版網頁的時候,常常會出現下面的情景 1 開發時,在自己電腦上執行得好好的,在手機上開啟就掛了,但是手機上又看不到error log 2 上線後,某使用者表示頁面失靈,但我們自己又重現不出來,看不到使用者側的出錯資訊。如果說 1 還可以通過電腦連線手機以檢視log來解決,那 2 在沒有完...

移動端 使用 vConsole除錯

用vue 寫移動端 有個報名頁面 就在ios 9下出現問題,vue的迴圈渲染都正常,一開始的資料也能取到。證明不是vue的相容性問題 但是在使用者點選按鈕發現不能點選進入跳轉 推薦使用 vconsole 這個 可以在移動端除錯的 npm install vconsole 使用webpack,然後js...

移動端除錯利器之vconsole

說明 由於移動端專案在手機中除錯時不能使用chrome的控制台,而vconsole是對pc端console的改寫 使用方法 使用 npm 安裝 npm install vconsole使用webpack,然後js 中 import vconsole from vconsole dist vconso...