移動端開發除錯神器 vConsole

2021-10-24 19:19:41 字數 761 閱讀 9216

我們在開發手機版網頁的時候,常常會出現下面的情景:

(1) 開發時,在自己電腦上執行得好好的,在手機上開啟就掛了,但是手機上又看不到error log;

(2) 上線後,某使用者表示頁面失靈,但我們自己又重現不出來,看不到使用者側的出錯資訊。

如果說(1)還可以通過電腦連線手機以檢視log來解決,那(2)在沒有完善的前端上報體系時就非常被動了。

作為開發者,我們的訴求很簡單:有沒有快捷的方法在手機前端頁面看到log日誌?

vconsole前端除錯面板莫慌,抱緊vconsole!

目前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上那...