Eruda github地址:  https://github.com/liriliri/eruda/blob/master/doc/README_CN.md

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

1. 按鈕拖拽，面板透明度大小設定。

2. Console面板：捕獲Console日誌，支援log、error、info、warn、dir、time/timeEnd、clear、count、assert、table；支援佔位符，包括%c自定義樣式輸出；支援按日誌型別及正則表示式過濾；支援快捷命令載入underscore、jQuery庫；支援JavaScript指令碼執行。

3. Elements面板：檢視標籤內容及屬性；檢視應用在Dom上的樣式；支援頁面元素高亮；支援螢幕直接點選選取；檢視Dom上繫結的各類事件。

4. Network面板：圖表顯示頁面載入速度；檢視頁面各資源請求時間（Android）；捕獲XHR請求，檢視傳送資料、返回頭、返回內容等資訊。

5. Resources面板：檢視並清除localStorage、sessionStorage及cookie；檢視頁面載入指令碼及樣式檔案；檢視頁面載入圖片。

6. Sources面板：檢視頁面原始碼；格式化html，css，js程式碼及json資料。

7. Info面板：輸出URL及User Agent；支援自定義輸出內容。

8. Snippets面板：頁面元素新增邊框；加時間戳重新整理頁面；支援自定義程式碼片段。

9. Features面板：瀏覽器常用特性檢測；提供Can I use，Html5Test快捷訪問。

快速上手

通過CDN使用：

<script src="//cdn.bootcss.com/eruda/1.3.0/eruda.min.js"></script>
<script>eruda.init();</script>

通過npm安裝：

npm install eruda --save

在頁面中載入指令碼：

<script src="node_modules/eruda/eruda.min.js"
 
></script>
<script>eruda.init();</script>