移動端 使用 vConsole除錯

2022-06-08 12:36:08 字數 653 閱讀 2791

用vue 寫移動端**,有個報名頁面

就在ios 9下出現問題,vue的迴圈渲染都正常,一開始的資料也能取到。證明不是vue的相容性問題

但是在使用者點選按鈕發現不能點選進入跳轉

推薦使用 vconsole 這個 可以在移動端除錯的

npm install vconsole

使用webpack,然後js**中

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

import vconsole

let vconsole = new vconsole() //

初始化

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

然後用這個辦法

for(let i=0 ; i)
所幸這樣的陣列它的 .length值是正常的。我們就可以採用這種報數的寫法去完成遍歷。

注意 :這裡有個問題,不是所有的用到for(let i in array)的地方都需要這樣處理,object型別的必須使用這樣的遍歷迴圈。

移動端除錯神器 vConsole

不管是vue專案還是react專案都適用 前言 平時在web應用開發過程中,我們可以console.log去輸出一些資訊,但是在移動端,也就是在手機上,console.log的資訊我們是看不到的。這種情況下,可以選擇使用alert彈出一些資訊,但是這種方法不怎麼方便,也會阻斷js執行緒,導致後面的執...

移動端開發除錯神器 vConsole

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

移動端除錯利器之vconsole

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