手機前端開發除錯利器 vConsole

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

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

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

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

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

答案是肯定的。

vconsole:乙個輕量、可拓展、針對手機網頁的前端開發者除錯面板。

1npm install vconsole

引入dist/vconsole.min.js到專案中：12

vconsole 本體：

使用教程 | 公共屬性及方法 | 輔助函式

手機前端開發除錯利器 vConsole

我們在開發手機版網頁的時候，常常會出現下面的情景 1 開發時，在自己電腦上執行得好好的，在手機上開啟就掛了，但是手機上又看不到error log 2 上線後，某使用者表示頁面失靈，但我們自己又重現不出來，看不到使用者側的出錯資訊。如果說 1 還可以通過電腦連線手機以檢視log來解決，那 2 在沒有完...

whistle 前端除錯利器

為什麼80 的碼農都做不了架構師？前端本地開發的場景中，我們需要頻繁的改動 並需要實時看到效果，並且在一些開發場景中，我們需要將特定的請求 到特定的ip 本地檔案等，所以使用fiddler或whistle等本地 真機抓包除錯工具是非常必要的。在歷史的長河中，我們是使用fiddler willow再搭...

前端除錯利器 Charles

docs 開發之 charles 配置指南 2.啟用 使用公司正版license 啟用 安裝證書 點選證書並選擇 始終信任 證書不被信任可能會導致 開發時部分資源檔案無法載入。設定 將你需要 https的 新增進去 本地除錯 如果你想 bear test 到本地，你需要 點選map remote 新...