萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> Console詳解

Console詳解

  console.log(object[, object, ...])

  在控制台輸出一條消息。如果有多個參數,輸出時會用空格隔開這些參數。

  第一個參數可以是一個包含格式化占位符輸出的字符串,例如:

  console.log("The %s jumped over %d tall buildings", animal, count);

  上面的例子可以用下面的無格式化占位符輸出的代碼替換:

  console.log( " The " , animal, " jumped over " , count, " tall buildings " );

  並且,這兩種方式是可以組合使用的。如果使用了格式化占位符,而提供的參數的個數多於占位符的個數,那麼,多余的參數會以空格分隔的方式附加在字符串後面,就像:

  console.log( " I am %s and I have: " , myName, thing1, thing2, thing3);

  如果參數是一個Javascript對象,那麼在控制台輸出的就不是靜態文字,而是一個可交互的超鏈接,點擊超鏈接可以查看該對象的HTML, CSS, Script, DOM窗口,可用格式化字符串%o代替Javascript對象。

  console.log( " Body tag is %o " , document.body);

  格式化字符串列表:

格式化字符串 類型 %s 字符串 %d, %i 整型(暫不支持數字型) %f 浮點型 (暫不支持數字型) %o 鏈接對象

  console.debug(object[, object, ...])

  在控制台輸出一條消息,包含一個指向代碼調用位置的超鏈接。假如是直接在控制台輸入該命令,就不會出現超鏈接(和console.log()一樣)。

  console.info(object[, object, ...])

  在控制台輸出一條帶有“信息”圖標的消息和一個指向代碼調用位置的超鏈接。

  console.warn(object[, object, ...])

  在控制台輸出一條帶有“警告”圖標的消息和一個指向代碼調用位置的超鏈接。

  console.error(object[, object, ...])

  在控制台輸出一條帶有“錯誤”圖標的消息和一個指向代碼調用位置的超鏈接。

  console.assert(expression[, object, ...])

  測試表達式expression是否為真。如果不是真,會在控制台寫一條消息並拋出異常

  console.dir(object)

  以列表形式輸出一個對象的所有屬性,有點和你查看DOM窗口相類似。

  console.dirxml(node)

  輸出一個HTML或者XML元素的XML源代碼。和你在HTML窗口看到的相似。

  console.trace()

  Prints an interactive stack trace of JavaScript execution at the point where it is called.

  The stack trace details the functions on the stack, as well as the values that were passed as arguments to each function. You can click each function to take you to its source in the Script tab, and click each argument value to inspect it in the DOM or HTML tabs.

  console.group(object[, object, ...])

  輸出一條消息,並打開一個嵌套塊,塊中的內容都會縮進。調用console.groupEnd()關閉塊。該命令可以嵌套使用。

  console.groupEnd()

  關閉最近一個由console.group打開的塊。

  console.time(name)

  創建一個名字為name的計時器,調用console.timeEnd(name)停止計時器並輸出所耗時間(毫秒)。

  console.timeEnd(name)

  停止同名的計時器並輸出所耗時間(毫秒)。

  console.profile([title])

  打開Javascript性能測試開關。可選參數title會在打印性能測試報告時在報告的開頭輸出。

  console.profileEnd()

  關閉Javascript性能測試開關並輸出報告。

  console.count([title])

 

  Writes the number of times that the line of code where count was called was executed. The optional argument title will print a message in addition to the number of the count.

copyright © 萬盛學電腦網 all rights reserved