一、顯示資訊的命令
1: 2: 3:
7:
8:14:
15:
最常用的就是
console.log了。
二：佔位符
console
上述的集中度支援
printf
的佔位符格式，支援的佔位符有：字元（
%s）、整數（%d或
%i）、浮點數（
%f）和物件（%o）
: 佔位符
作用%s
字串
%d or %i 整數
%f浮點數 %o
可展開的
dom %o
列出dom
的屬性 %c
根據提供的
css樣式格式化字串
1:效果：
、%o都是用來輸出
object
物件的，對普通的
object
物件，兩者沒區別，但是列印
dom節點時就不一樣了：
// 格式成可展開的的
dom，像在開發者工具
element
面板那樣可展開
console.log('%o',document.body.firstelementchild);
// 像js
物件那樣訪問
dom元素，可檢視
dom元素的屬性
// 等同於console.dir(document.body.firstelementchild)
console.log('%o',document.body.firstelementchild); %c
佔位符是最常用的。使用
%c佔位符時，對應的後面的引數必須是
css語句，用來對輸出內容進行
css
文字輸出
console.log("%chelloworld,
歡迎您！
","color: red; font-size: 20px"); //
輸出紅色的、
20px
大小的字串：
helloworld,
歡迎您！
除了普通文字，還能輸出如知乎的
console
sublime
中，將每行開頭的換行刪除，且替換成
\n。最後只有一行**，即保證沒有換行，最後再丟到
console.log("")
**中即可，當然，也可以新增結合
%c做出更酷炫的效果
(console
輸出預設是不換行的)。
輸出
由於console
不能定義
img，因此用背景代替。此外，
console
不支援width
和height
，利用空格和
font-size
代替；還可以使用
padding
和line-height
代替寬高。
不想這麼麻煩，可以試試
console-image
這個外掛程式。
三、資訊分組
1: 2: 3:
7:
8:25:
26:
效果：
四、檢視物件的資訊
console.dir()
可以顯示乙個物件所有的屬性和方法。 1:
效果：
五、顯示某個節點的內容
console.dirxml()
用來顯示網頁的某個節點（
node
）所包含的
html/xml
**。
1:
2:
3:7:
8: 9:
10:
程式愛好者
:259280570,
歡迎你的加入
11:
12:16:
17:
效果：
六、判斷變數是否是真
console.assert()
用來判斷乙個表示式或變數是否為真。如果結果為否，則在控制台輸出一條相應資訊，並且丟擲乙個異常。 1:
1是非0值，是真；而第二個判斷是假，在控制台顯示錯誤資訊
七、追蹤函式的呼叫軌跡。
console.trace()
用來追蹤函式的呼叫軌跡。 1:
控制台輸出資訊：
八、計時功能
console.time()
和console.timeend()
，用來顯示**的執行時間。 1:
執行時間是
38.84ms
九、
console.profile()
的效能分析
效能分析（
profiler
）就是分析程式各個部分的執行時間，找出瓶頸所在，使用的方法是
console.profile()。
1:輸出如圖：
其它
九個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...
九個Console命令，讓js除錯更簡單
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.firsteleme...