移動端調試神器（eruda）

標籤：div   地址   idt   問題   網頁   移動   總結   分享圖片   本機存放區   

Eruda 是一個專為手機網頁前端設計的調試面板，類似 DevTools 的迷你版，其主要功能包括：捕獲 console 日誌、檢查元素狀態、顯示效能指標、捕獲XHR請求、顯示本機存放區和 Cookie 資訊、瀏覽器特性檢測等等。

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

各種品牌各種型號手機，手機中各種類型的瀏覽器APP……..還好移動端的相對一致點，但是往往都會有一些各種各樣的坑，這時候就蛋疼了，明明chrome調試工具中是正常的，

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

今天在看大牛阿里p6面試總結學到的新知識！ –>一個炒雞酷炫的移動端調試工具 eruda , 有點曆史了!

Eruda 是一個專為手機網頁前端設計的調試面板，類似 DevTools 的迷你版，其主要功能包括：捕獲 console 日誌、檢查元素狀態、顯示效能指標、捕獲XHR請求、顯示本機存放區和 Cookie 資訊、瀏覽器特性檢測等等。

快速使用代碼：

<script src="https://cdn.bootcss.com/eruda/1.2.6/eruda.js"></script><script>eruda.init();</script> demo地址

 

轉載：https://houjinlong.github.io/2017/11/13/移動端調試神器（eruda）/

 

移動端調試神器（eruda）