移動端調試神器(eruda)

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

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

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

 

  噔噔噔~撒花,今天無心中發現了一個炒雞酷炫的移動端調試工具 eruda, 有點歷史了;git

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

  厲害的不行,基本上可以實現chrome瀏覽器調試工具的經常使用功能,這裏就很少作介紹了,chrome

  使用詳情請見 https://github.com/liriliri/eruda/blob/master/doc/README_CN.md   好用記得給大神個star;瀏覽器

 

快速使用代碼:app

javascript:(function () { var script = document.createElement('script'); script.src="http://eruda.liriliri.io/eruda.min.js"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();
相關文章
相關標籤/搜索