1. 程式人生 > >前端常見除錯技巧篇總結(持續更新...)

前端常見除錯技巧篇總結(持續更新...)

首先開啟控制檯,對於mac電腦,command+option+J開啟控制檯,window電腦,F12即可。

其次,開啟命令選單,可選擇你要用什麼,如下:開啟console選項卡(按Cmd + Shift + P(Mac)或Ctrl + Shift + P(Windows,Linux)開啟命令選單。),預設情況下是console。

 

一,console(控制檯下除錯方法)

  1,方向鍵盤的上下鍵 copy(content)  // 將content(也可以說是命令)複製到剪貼簿

  2,document.body.contentEditable=true // 可以讓當前瀏覽器頁面變成編輯器,可隨意輸入文字等內容

  3,clear()  // 清空控制檯和記憶體

  4,隱藏部分console日誌

    如果日誌太多,我們可以隱藏掉部分 Console 日誌(在某條輸出日誌的指令碼上單擊右鍵,filter -> hide),之後該種類輸出不會出現。

  5,

  

  6,

  

  7,

  

  8,

  

  9,

  

 

二,source

  1,程式碼格式化

  

  2,

 

 

 

 

(本人上述除錯技巧均蒐集於網上相關資料後進行整合的。)