開發與維運

使用eruda進行手機端調試

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

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

只要在我們的html文件中寫入下面這些代碼,在手機上,也能想瀏覽器控制檯一樣進行查看。

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

真的方便我們開發使用。

Leave a Reply

Your email address will not be published. Required fields are marked *