Chrome控制台用法
寫在前面:網上有好多有關于chrome的用法,我的內容來源網絡,僅供參考。自己就記錄下,便于以后自己翻看;
1.console.clear();或者clear();清空控制臺;快捷鍵:Ctrl + L
2.console.dir(console)可以查看下console有多少方法供給我們應用;
3.
?
4.
5.
6.動圖:
7.
8.
9.
10.
11.console.log()??? 將DOM結點以JavaScript對象的形式輸出到控制臺
12.
13.console.profile和console.profileEnd配合一起使用來查看CPU使用相關信息
在Profiles面板里面查看就可以看到cpu相關使用信息;
14.
上下鍵,可以試試,上鍵表示上一次輸入的內容;
15.$_命令返回最近一次表達式執行的結果
16.在頁面右擊選擇審查元素,然后在彈出來的DOM結點樹上面隨便點選,這些被點過的節點會被記錄下來,而$0會返回最近一次點選的DOM結點,以此類推,$1返回的是上上次點選的DOM節點,最多保存了5個,如果不夠5個,則返回undefined。
17.
18.
19.
此時可以把document.body的內容隨意粘貼;
?
20.debug & undebug?? 設置斷點/解除斷點
?21.
?22.
Control + Shitf + J(Windows/Linux)調用控制臺的快捷鍵
?
?。。。。。。此處省略x萬個demo;
?參考:http://www.cnblogs.com/Leo_wl/p/4117446.html
具體詳見:https://developers.google.com/web/tools/chrome-devtools/console/console-reference
重要:http://wiki.jikexueyuan.com/project/chrome-devtools/
轉載于:https://www.cnblogs.com/gaoxuerong123/p/7637301.html
總結
以上是生活随笔為你收集整理的Chrome控制台用法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 清北学堂Day6
- 下一篇: Mysql中的排序规则utf8_unic