eruda手機端除錯神器

小周sri的碼農發表於2019-05-26

在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和除錯,如果想在手機上能和瀏覽器一樣看控制檯除錯就更加完美了; 

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

只要在我們的html檔案中寫入下面這些程式碼,在手機上,也能想瀏覽器控制檯一樣進行檢視。

<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>
   eruda.init();
</script>
 

 

真的方便我們開發使用。

 

相關文章