更新時間:2025-09-02 20:21:54作者:佚名
結束內聯分組
console.group('Group One');
console.group('Group Two');
// some code
分組 Two 完成關閉,記錄停止
結束分組操作,標記 Group One 的終止
info()
.log 別名,輸出信息
console.info("runoob")
log()
輸出信息
console.log("runoob")
table()
將復合類型的數據轉為表格顯示。
var arr= [
{ num: "1"},
{ num: "2"},
{ num: "3" }
];

console.table(arr);
var obj= {
a:{ num: "1"},
b:{ num: "2"},
c:{ num: "3" }
};
console.table(obj);
time()
計時開始
console.time('計時器1');
for (var i = 0; i < 100; i++) {
for (var j = 0; j < 100; j++) {}
}
console.timeEnd('計時器1');
console.time('計時器2');
for (var i = 0; i < 1000; i++) {
for (var j = 0; j < 1000; j++) {}
}

console.timeEnd('計時器2');
()
計時結束
console.time('計時器1');
for (var i = 0; i < 100; i++) {
for (var j = 0; j < 100; j++) {}
}
console.timeEnd('計時器1');
console.time('計時器2');
for (var i = 0; i < 1000; i++) {
for (var j = 0; j < 1000; j++) {}
}
console.timeEnd('計時器2');
trace()
追蹤函數的調用過程
function d(a) {
console.trace();
return a;
}
function b(a) {
return c(a);
}
function c(a) {
return d(a);
}
var a = b('123');
warn()
輸出警告信息

console.warn("警告")
常用 調試命令
最常用的就是 .log 了。
這些占位符格式能夠處理多種數據類型,包括字符、數值、浮點數以及對象,具體支持的類型有字符型(%s)、整型(%d或%i)、浮點型(%f)和對象型(%o)。
占位符作用
%s
字符串
%d or %i
整數
%f
浮點數
%o
可展開的DOM
%O
列出DOM的屬性
%c
根據提供的css樣式格式化字符串
效果:

%o和%O都是用來顯示對象的console什么意思,對于常規對象,這兩個沒有差別,然而在打印DOM節點時console什么意思,它們的表現就不同了:
效果:
%c 標記是最頻繁應用的。應用 %c 標記時,其后參數必須是 CSS 規則,用于對顯示文本進行樣式設計。常見的呈現形式包含文字表現、圖像生成。
文字輸出
效果:
除了常規文字表述,還可以呈現類似界面布局的圖形符號,這種圖形符號能夠通過互聯網即時制作完成。
一種可行方案是借助網絡資源創建圖形字符,接著把內容粘貼過來,需要消除原有行首回車,換成n符號,最終形成單一連續代碼行,這樣就能直接放入.log()函數調用,當然還可以搭配%c參數實現更炫目的顯示,因為標準輸出本身就不換行
圖片輸出
因為無法設置圖片,所以采用圖片作為背景來使用。而且,寬度與高度設置不可用,可以通過空格和字體大小來實現;也可以借助邊框和行高來進行替代。
三、信息分組
四、查看對象的信息
五、顯示某個節點的內容

括號的作用是展示網頁特定位置所含的HTML或XML內容。
六、判斷變量是否是真
它用于判定一個公式或符號能否成立。倘若結論并非肯定,則會在顯示屏上顯示一條關聯訊息,并且引發一個錯誤。
第一個條件成立,結果為真;第二個條件不成立留學之路,在屏幕上輸出錯誤提示。
七、追蹤函數的調用軌跡
.trace() 用來追蹤函數的調用軌跡。
控制臺輸出信息:
八、計時功能
.time() 和 .(),用來顯示代碼的運行時間。
九、.() 的性能分析
性能評估就是考察程序不同部分的執行耗時,識別效率低下的環節,所采用的技術是某種分析方法。