1. 程式人生 > >移動端除錯工具--vConsole

移動端除錯工具--vConsole

Github地址:

https://github.com/Tencent/vConsole

平時Web端除錯時,我們一般習慣用console來讓控制檯輸出資訊,但是在移動端,我們無法再用console來觀察控制檯輸出的資訊,可以用alert代替console.log,但是alert會阻斷JS執行緒,導致後面的執行緒都執行不了,另外如果有大量的alert,也會影響我們的除錯體驗。利用vConsole外掛可以實現console.log輸出資訊

用法:

通過npm進行安裝:

npm install vconsole

在程式碼中的入口js中import:

import vConsole from 'vconsole'
console.log('test')

此時起動服務可看到專案右下角已經有了按鈕


點選按鈕會彈出浮層,浮層內即是我們想要console的內容


vConsole實際上是改寫了console.log這個方法,所有console.log都會被vConsole來代理