在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和除錯,如果想在手機上能和瀏覽器一樣看控制檯除錯就更加完美了;
一個手機端除錯神器eruda是一個專為手機網頁前端設計的除錯皮膚,類似 DevTools 的迷你版,其主要功能包括:捕獲 console 日誌、檢查元素狀態、顯示效能指標、捕獲XHR請求、顯示本地儲存和 Cookie 資訊、瀏覽器特性檢測等等。
只要在我們的html檔案中寫入下面這些程式碼,在手機上,也能想瀏覽器控制檯一樣進行檢視。
<script src="//cdn.jsdelivr.net/npm/eruda"></script> <script> eruda.init();
</script>
真的方便我們開發使用。