控制台面板特性
1.消息堆疊。
2.可調試 js 並且進行日志追蹤。
3.清除控制台信息 / console sidebar / clear / 保留歷史記錄 / save as 日志
4.Top 執行環境 (如果有 iframe 的話,顏色會改變)
5.過濾器 Filter Console 所有設置及說明(next page)
像這種的消息堆疊 11次,我們這時候如果方便在控制面板的右上角,找到設置
找到show timestamp勾選上,就不會堆疊打印了,觀看更清晰
有時候會遇到這種的
一直無限輸出,時間長了無限的吃你的內存,導致卡死。這時候我們可以使console.log作為一個函數,使他置空
這樣一來就不會無線打印了
2跟蹤js
我們點進去,就能找到所加載的js
3 清除控制台信息
點一下,下面都沒了
4 top執行環境
top下啦菜單勾選后表明console控制台在哪個環境中執行
5 過濾器
控制台輸出的信息類型塞選,
源代碼面板 在源代碼面板中設置斷點來調試 JavaScript ,
或者通過Workspaces(工作區)連接本地文件來使用開發者工具的實時編輯器。
1. 斷點調試
2. 調試混淆的代碼(以后講)
3. 使用開發者工具的Workspaces(工作區)進行持久化保存(了解即可,因為我們經常使用的是fiddler等抓包工具做中間人攻擊)
1
像加載斷點,刷新,然后點右上角的三角形,會跳到下一個斷點,后面的跳到下一個函數,在后面的是進入當前函數,在后面的是跳出當前函數,最后一個和進入當前函數查不多
watch 監控函數,此時我們對windows。a進行充血操作,讓他變成0