hlConsole – 手機網頁JS日志查看工具

前端的同學都知道,在開發PC頁面的時候,經常用到F12的Console,來查看日志、調試、定位問題。但是在手機環境下,看不到Console,最笨的方法就是用alert代替,但是調試起來十分的不方便。

hlConsole,是一款網頁版的Console,可以方便的看到手機網頁里,js輸出的各種日志。而且使用非常簡單,只需要引用一個JS即可。
第一步:用PC瀏覽器打開http://console.hongliang.org/。如圖:


第二步:登錄(如果不想注冊,可以使用Guest用戶)。如圖:

第三步:復制頁面上方的JS代碼,粘貼到需要調試的手機網頁。如圖:

第四步:當手機網頁上有Console輸出的時候,會自動將日志顯示在PC的頁面上,支持按類型過濾。如圖:

小貼士:
1、手機頁面需要優先引用該JS。
2、Guest用戶為體驗用戶,多人使用時,日志會同時顯示。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,573評論 25 708
  • 作為一個前端程序猿,下面這些站會讓你眼前一亮。 amazeui框架組建豐富 http://amazeui.org...
    歐巴冰冰閱讀 8,930評論 18 303
  • 在做前端開發時,我們需要用到一些調試工具用來調試我們的HTML、CSS或者JS代碼,俗話說預先善其事必先利其器,這...
    Rella7閱讀 24,079評論 0 15
  • 在最冷的一天去看了《功夫熊貓3》,對這個電影真的沒有什么期待,只是想去電影院樂呵樂呵。 這一集從最開始就拋出了一個...
    波多克閱讀 184評論 0 0
  • 申請開通今日頭條賬號。頭條賬號名:亞梅小屋 這不是一部傳統意義上談戀愛的戲,是純粹的女性故事。《歡樂頌》還會拍第二...
    娛樂秀吧閱讀 681評論 0 0