九個Console命令,讓js除錯更簡單

2022-04-30 22:00:25 字數 940 閱讀 6505

1: 

2: 3:7: 8:14:

15:

作用

%s字串

%d or %i

整數%f

浮點數%o

可展開的dom

%o列出dom的屬性

%c根據提供的css樣式格式化字串

1:

// 格式成可展開的的dom,像在開發者工具element面板那樣可展開 

console.log('%o',document.body.firstelementchild);

// 像js物件那樣訪問dom元素,可檢視dom元素的屬性

// 等同於console.dir(document.body.firstelementchild)

console.log('%o',document.body.firstelementchild);

console.log("%chello world,歡迎您!","color: red; font-size: 20px");

mg2txt

ascii generator

1: 

2: 3:7: 8:25:

26:

1:

爐石愛好群:139454798,歡迎你的加入

1:

1:

1:

1:

九個Console命令,讓 JS 除錯更簡單

一 顯示資訊的命令 1 2 3 7 8 14 15 最常用的就是 console.log了。二 佔位符 console 上述的集中度支援 printf 的佔位符格式,支援的佔位符有 字元 s 整數 d或 i 浮點數 f 和物件 o 佔位符 作用 s 字串 d or i 整數 f浮點數 o 可展開的 ...

九個Console命令,讓js除錯更簡單

一 顯示資訊的命令 常用console命令title head console.log hello console.info 資訊 console.error 錯誤 console.warn 警告 script body html 最常用的就是console.log了。二 佔位符 console上述...

九個Console命令,讓js除錯更簡單

一 顯示資訊的命令 2 3 7 8 14 15 最常用的就是console.log了。二 佔位符 console上述的集中度支援printf的佔位符格式,支援的佔位符有 字元 s 整數 d或 i 浮點數 f 和物件 o 效果 三 資訊分組 2 3 7 8 25 26 效果 四 檢視物件的資訊 con...