移動端除錯神器（eruda）

在日常的移動端開發時，一般都是試用chrome瀏覽器的移動端模式進行開發和除錯，只有在chrome除錯完成，沒有問題了才會上到真機測試，移動端開發的一大問題就在於此，

一到某個瀏覽器中就炸了，怎麼辦，又無法像在chrome中使用除錯工具進行除錯，只能通過alert()彈窗來除錯，有什麼辦法可以像pc上那樣清晰，視覺化的除錯呢？

噔噔噔~撒花，今天無意中發現了乙個炒雞酷炫的移動端除錯工具 eruda, 有點歷史了；

eruda 是乙個專為手機網頁前端設計的除錯面板，類似 devtools 的迷你版，其主要功能包括：捕獲 console 日誌、檢查元素狀態、顯示效能指標、捕獲xhr請求、顯示本地儲存和 cookie 資訊、瀏覽器特性檢測等等。

厲害的不行，基本上能夠實現chrome瀏覽器除錯工具的常用功能，這裡就不多做介紹了，

使用詳情請見    好用記得給大神個star；

快速使用**：

移動端除錯神器（eruda）

在日常的移動端開發時，一般都是試用chrome瀏覽器的移動端模式進行開發和除錯，只有在chrome除錯完成，沒有問題了才會上到真機測試，移動端開發的一大問題就在於此，一到某個瀏覽器中就炸了，怎麼辦，又無法像在chrome中使用除錯工具進行除錯，只能通過alert 彈窗來除錯，有什麼辦法可以像pc上那...

移動端除錯神器 vConsole

不管是vue專案還是react專案都適用 前言 平時在web應用開發過程中，我們可以console.log去輸出一些資訊，但是在移動端，也就是在手機上，console.log的資訊我們是看不到的。這種情況下，可以選擇使用alert彈出一些資訊，但是這種方法不怎麼方便，也會阻斷js執行緒，導致後面的執...

移動端開發除錯神器 vConsole

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