Chorme控制台console的用法;
前提:是谷歌瀏覽器!
IE8- 不支持console.log();會報錯,解決如下:
(function (){//創建空console對象,避免JS報錯 if(!window.console) window.console = {}; var console = window.console; //添加console對象的方法var funcs = ['assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error', 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log', 'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd', 'timeStamp', 'trace', 'warn']; for(var i=0,l=funcs.length;i<l;i++) { var func = funcs[i]; if(!console[func]) console[func] = function(){return;}; } if(!console.memory) console.memory = {};})();?
?
CONSOLE使用注意事項(或快捷鍵):
1、控制臺輸入多行代碼??? 解決方式是使用? " ; "? 分隔?或使用?" shift +enter "實現代碼換行
2、鍵盤的上下鍵 可以使用用戶在控制臺輸入的歷史代碼
3、$_??可以獲取上一次表達式執行的結果,注意使用時候要和運算符號要保持一個空格, $0表示最近點擊的dom節點,$4表示前面第五次點擊的dom節點,只能存儲五次歷史記錄,超出為undefined
4、console控制臺支持原生的jquery選擇器,使用如$('body')
5、copy(name) 可以將控制臺獲取到的內容復制到粘貼板;
6、keys(obj) 和 values(obj) 分別可以獲取對象的對象名組成的數組和對象值組成的數組
7、 monitor(funName)監聽執行函數的函數名和函數參數,unmonitor(funName)停止監聽;
8、輸出指定樣式的文字,如console.log("%c大家好","color:red;")
9、clear() 可以清空控制臺輸出記錄,相當于console.clear(),也可以使用快捷鍵? "ctrl + L",或者右鍵清空
?
?
CONSOLE怎么用??
1、查詢數組或對象大量數據時候,避免使用alert()彈框造成崩潰
?
2、調試使用時,使用console.log();? console.info();? console.error(); console.warn();? ?不同文本打印顏色區分不同的提示信息
?
3、使用console.clear() 或者console界面左上角圖標清空console記錄;
? ??console.log(‘string1’,’string2’) 打印的時候會將多個字符串拼接輸出日志;
?
4、使用console,group(titleName);? console.groupEnd(); 輸出具有開頭的分組信息
?
5、console.assert(isFalse,'falseMsg'); 會對指定指定的表達式進行判定,只用表達式為false時候才會輸出相應的信息到控制臺
?
6、console.count(); 可以統計代碼被執行的次數
?
7、console.dir()可以以DOM樹結構輸出一個對象的所有屬性和方法,也可以簡寫成dir(obj);console.table()可以將數組用表格的形式輸出,也可以簡寫成table(arr);
?
8、console.time()? 和console.timeEnd() 一起可以用來統計時間間隔
?
9、console.profile() 和console.profileEnd()一起可以查看CPU的相關使用情況
?
10、console.trace()? 堆棧跟蹤相關的調試
11、console.timeLine() 和console.timeLineEnd() 一起可以記錄一段時間軸
?
?
?
參考網址:https://www.cnblogs.com/Leo_wl/p/4117446.html
https://developer.chrome.com/devtools/docs/console-api
總結
以上是生活随笔為你收集整理的Chorme控制台console的用法;的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php需要什么技能,PHP初学者必备的技
- 下一篇: 【机器学习】Auto-Sklearn:使