前端的同學都知道,在開發PC頁面的時候,經常用到F12的Console,來查看日志、調試、定位問題。但是在手機環境下,看不到Console,最笨的方法就是用alert代替,但是調試起來十分的不方便。
hlConsole,是一款網頁版的Console,可以方便的看到手機網頁里,js輸出的各種日志。而且使用非常簡單,只需要引用一個JS即可。
第一步:用PC瀏覽器打開http://console.hongliang.org/。如圖:
第二步:登錄(如果不想注冊,可以使用Guest用戶)。如圖:
第三步:復制頁面上方的JS代碼,粘貼到需要調試的手機網頁。如圖:
第四步:當手機網頁上有Console輸出的時候,會自動將日志顯示在PC的頁面上,支持按類型過濾。如圖:
小貼士:
1、手機頁面需要優先引用該JS。
2、Guest用戶為體驗用戶,多人使用時,日志會同時顯示。