微信H5移動端真機調試--vConsole

原文鏈接:https://blog.csdn.net/weixin_36934930/article/details/79870240

在移動端實際開發中,還是會碰到一些棘手的bug,想看看到底哪裏出了問題,苦於移動端不能F12啊。友好的微信給我們提供了這麼一個入口,使開發者可以真機調試。給微信開發者點贊。然後就可以看到你打印的內容及其他的信息,比如cookie、LocalStorage,Network、Element……

微信打開這個網址 http://debugx5.qq.com/ 暖心的我給你準備好了二維碼,掃一掃吧(不要太感動……)

這裏寫圖片描述

進去後,選擇中間‘’信息‘’,然後一直往下翻,把vConsole打開,把下面兩個Content Cache關掉。

這裏寫圖片描述

然後打開你要調試的頁面,你就你能看到右下角有個綠色按鈕vConsole。點擊就能查看你代碼中console的內容了。

這裏寫圖片描述
其實還有一種方法是引入vConsole文件。就直接可以看到打印的東西了。他們講的很明白,我就不多說了。
https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md
再次感謝騰訊爸爸,是不是意猶未盡,但是已經結束了……


————————————————
版權聲明:本文爲CSDN博主「Shuah153」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_36934930/article/details/79870240

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章