我們在開發手機版網頁的時候,常常會出現下面的情景: (1) 開發時,在自己電腦上運行得好好的,在手機上打開就掛了,但是手機上又看不到error log; (2) 上線后,某用戶表示頁面失靈,但我們自己又重現不出來,看不到用戶側的出錯信息。 如果說(1)還可以通過電腦連接手機以查看log來解決 ...
我們在開發手機版網頁的時候,常常會出現下面的情景: 開發時,在自己電腦上運行得好好的,在手機上打開就掛了,但是手機上又看不到error log 上線后,某用戶表示頁面失靈,但我們自己又重現不出來,看不到用戶側的出錯信息。 如果說 還可以通過電腦連接手機以查看log來解決,那 在沒有完善的前端上報體系時就非常被動了。 作為開發者,我們的訴求很簡單:有沒有快捷的方法在手機前端頁面看到log日志 答案是 ...
2017-11-11 11:24 0 9224 推薦指數:
我們在開發手機版網頁的時候,常常會出現下面的情景: (1) 開發時,在自己電腦上運行得好好的,在手機上打開就掛了,但是手機上又看不到error log; (2) 上線后,某用戶表示頁面失靈,但我們自己又重現不出來,看不到用戶側的出錯信息。 如果說(1)還可以通過電腦連接手機以查看log來解決 ...
最近因為做抽獎頁面,在android上可以使用手機連上電腦后用chrome瀏覽器chrome://inspect進行頁面探測,但是ios中的頁面就不能這樣探測 在網上搜索后發現此插件,大大解決了問題 使用方法: 1、必須將vconsole.min.js放到<head>中 ...
0、對比 edura 相比 vconsole 可以看css樣式 1、edura 1.1 <script>(function () { var script = document.createElement('script'); script.src ...
一個針對手機網頁的前端 console 調試面板。 簡介 vConsole 是一個網頁前端調試面板,專為手機 web 頁面量身設計,幫助開發者更為便捷地進行開發調試工作。 手機預覽 http://wechatfe.github.io/vconsole/demo.html ...
文章首發微信公眾號飆碼人生 2018-05-21 18:21:15 做好准備工作 安裝webstorm以及新建一個項目寫個demo 確保是同一局域網,同一個路由器下的WiFi或 ...
移動端調試神器vconsole,手機端網頁的調試工具Eruda 移動端中使用 vConsole調試 移動端調試工具vconsole安裝Git地址:https://github.com/WechatFE/vConsolevConsole是一款由微信公眾平台前端團隊打造的前端調試面板,專治手機端 ...
用的是VUE-CLI3第一步、安裝vconsole npm install vconsole 第二步、創建js文件並寫入內容 第三步、main.js引入 ...