日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Chorme控制台console的用法;

發布時間:2025/3/12 编程问答 31 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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的用法;的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。