js的console你知道多少

2022-03-11 23:58:29 字數 1202 閱讀 7549

列出所有的console屬性

console.dir(console) 或者

console.dirxml(console)

記錄**執行時間

console.time("test");

var count = 0;

for(var i=0; i < 10000; i++)

console.timeend("test");

輸出訊息格式化

console.log("hello, %s", "world");

支援的格式符號

%s 字串

%i %d 整數

%f 浮點

%o dom元素

%o js物件

%c css樣式

給輸出的訊息新增樣式

console.log("%chello %cworld", "color:red;font-size:xx-large", "color: green;font-size:large");

訊息分組

console.group() 輸入此**,輸出訊息可折疊

console.groupcollapsed() 和group的功能類似

console.groupend() 退出分組

展示呼叫堆疊

function f1() 

function f2()

function f3()

f1()

用**展示

console.table()

對相同的值計數

console.count("1"); // 1

console.count("1"); // 2

清屏

console.clear();

斷言測試

console.assert(1==="1") // 報錯

console.assert(1=="1") // 不報錯

你不知道的那些console

前一陣在查詢問題的時候,偶然間發現了console的乙個用法,彷彿開啟了我新世界的大門,原來console還有這麼多的用法,這讓一直以來只用console.log 的我情何以堪啊,所以在這裡記錄一下我認為有意思和比較實用的幾種用法。console.log 文字資訊 console.info 提示資訊...

你不知道的console除錯

瀏覽器的開發者工具我們經常用,console.log我們也經常用,但是console還有其它一些方便除錯的命令,我總結了幾個常用的記錄在下面,供以後開發時參考,相信對其他人也有用。var start new date 執行js var end new date console.time 執行時間 執...

console那些你不曾知道的玩法

一 console最常見的四種方法 二 列印物件 平時想輸出物件屬性時,可以直接列印物件,對object使用tostring方法會得到 object object 瀏覽器環境中console自帶的兩個方法 console.table obj 將物件中的鍵 值以 形式輸出 node環境不支援 cons...