前端常見調試技巧篇總結（持續更新...）

首先打開控制檯，對於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，

 

 

 

 

（本人上述調試技巧均蒐集於網上相關資料後進行整合的。）

另：附上一篇很好的介紹 https://developers.google.com/web/tools/chrome-devtools/