專案開發時經常需要debug除錯，但在移動端debug則會阻斷**執行，並且很難判斷出錯在**，這裡我們需要借助第三方外掛程式 vconsole
1、安裝
2、引入
注意：vconsole 只是 vconsole 的原型，而非乙個已例項化的物件。所以在手動 new 例項化之前，vconsole 不會被插入到網頁中。
4專案執行，點選頁面右下角vconsole圖示，即可看到debug內容
5如果想要檢視介面呼叫情況，和瀏覽器一樣直接點選network按鈕即可
手機前端開發除錯利器 vConsole
我們在開發手機版網頁的時候，常常會出現下面的情景 1 開發時，在自己電腦上執行得好好的，在手機上開啟就掛了，但是手機上又看不到error log 2 上線後，某使用者表示頁面失靈，但我們自己又重現不出來，看不到使用者側的出錯資訊。如果說 1 還可以通過電腦連線手機以檢視log來解決，那 2 在沒有完...
手機前端開發除錯利器 vConsole
我們在開發手機版網頁的時候，常常會出現下面的情景 1 開發時，在自己電腦上執行得好好的，在手機上開啟就掛了，但是手機上又看不到error log 2 上線後，某使用者表示頁面失靈，但我們自己又重現不出來，看不到使用者側的出錯資訊。如果說 1 還可以通過電腦連線手機以檢視log來解決，那 2 在沒有完...
vConsole 讓你在手機上也能輕鬆除錯網頁
有時候為了想在手機真機上對網頁進行 debug，可手機上沒有 f12，用 chrome devtools 連線手機操作又太過複雜。vconsole 的出現，正好解決了這一痛點！下列內容照搬一下官方文件 官方 然後你就可以在頁面的右下角看到乙個綠色的vconsole，點開它就能使用了，整體介面和 ch...