不管是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...