我們在開發手機版網頁的時候,常常會出現下面的情景:vconsole前端除錯面板莫慌,抱緊vconsole!(1) 開發時,在自己電腦上執行得好好的,在手機上開啟就掛了,但是手機上又看不到error log;
(2) 上線後,某使用者表示頁面失靈,但我們自己又重現不出來,看不到使用者側的出錯資訊。
如果說(1)還可以通過電腦連線手機以檢視log來解決,那(2)在沒有完善的前端上報體系時就非常被動了。
作為開發者,我們的訴求很簡單:有沒有快捷的方法在手機前端頁面看到log日誌?
目前vconsole自帶有2個面板,預設為「日誌」面板,負責展示log。
vconsole
乙個輕量、可拓展、針對手機網頁的前端開發者除錯面板。
特性
上手
使用
原文:
移動端開發真機除錯 神器
本篇部落格預設你已會使用gulp,npm 並且環境已經搭好 找到目錄中的 package.json,在檔案中新增相關依賴包 1 dependencies 1 var browsersync require browser sync create 自動同步 1 gulp.task browser sy...
移動端除錯神器(eruda)
在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和除錯,只有在chrome除錯完成,沒有問題了才會上到真機測試,移動端開發的一大問題就在於此,一到某個瀏覽器中就炸了,怎麼辦,又無法像在chrome中使用除錯工具進行除錯,只能通過alert 彈窗來除錯,有什麼辦法可以像pc上那...
移動端除錯神器(eruda)
在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和除錯,只有在chrome除錯完成,沒有問題了才會上到真機測試,移動端開發的一大問題就在於此,一到某個瀏覽器中就炸了,怎麼辦,又無法像在chrome中使用除錯工具進行除錯,只能通過alert 彈窗來除錯,有什麼辦法可以像pc上那...