在大多數(shù)瀏覽器中，我們可以使用 console 對(duì)象往控制臺(tái)記錄各種信息，以方便發(fā)現(xiàn) JavaScript 的問(wèn)題。

IE 按 F12，F(xiàn)irefox 按 Ctrl+Shift+K，Chrome 按 Ctrl+Shift+J，Opera 按 Ctrl+Shift+I，Safari 按 Ctrl+Alt+I，可以打開(kāi)控制臺(tái)查看所記錄的信息。注意 IE6 和 IE7 沒(méi)有 console 可以使用，而 IE8 和 IE9 中雖然有 console，但是必須先打開(kāi)才能使用，否則會(huì)出錯(cuò)。

控制臺(tái)函數(shù)中最常用的是 console.log()，console.info()，console.warn() 和 console.error() 。這幾個(gè)函數(shù)的用法一樣，只是瀏覽器的控制臺(tái)會(huì)按照它們的類型（日志，消息，警告，錯(cuò)誤）分類顯示這些信息。具體的使用例子如下：

console.log("some log"); // some log
console.info("some info", "more info", 123); // some info more info 123
console.warn("warning: %s occured", "some problem"); // warning: some problem occured
console.error("error: %d number", 10); // error: 10 number

從上面幾個(gè)例子可以看出，這幾個(gè)函數(shù)都可以接收多個(gè)參數(shù)，如果參數(shù)不是字符串，將會(huì)自動(dòng)轉(zhuǎn)化為字符串輸出。而且也可以使用類似 C 語(yǔ)言的 printf 函數(shù)的格式符形式的參數(shù)。所有可用的格式符如下：

格式符	作用描述	IE 版本	Firefox 版本	Chrome 版本	Opera 版本	Safari 版本
%s	格式化字符串	IE 9	Firefox 9 或FireBug 擴(kuò)展	全部	無(wú)	Safari 5.1
%d或%i	格式化整數(shù)	IE 9	Firefox 不支持，需 FireBug 擴(kuò)展	全部	無(wú)	Safari 5.1
%f	格式化浮點(diǎn)數(shù)	IE 9	Firefox 不支持，需 FireBug 擴(kuò)展	全部	無(wú)	Safari 5.1
%o	格式化 DOM 元素	IE 9	Firefox 9 或FireBug 擴(kuò)展	全部	無(wú)	Safari 5.1
%O	格式化 JavaScript 對(duì)象	IE 9	Firefox 不支持，需 FireBug 擴(kuò)展	全部	無(wú)	Safari 5.1
%c	應(yīng)用 CSS 樣式輸出	無(wú)	Firefox 不支持，需 FireBug 擴(kuò)展	全部	無(wú)	無(wú)

在 Chrome 或者 FireBug 中還有更多的 console 函數(shù)可以使用，詳情可以看后面的參考資料。

參考資料：
[1]使用開(kāi)發(fā)人員工具調(diào)試腳本 - MSDN
[2]console - Document Object Model (DOM) | MDN
[3]Using the Console - Chrome Developer Tools - Google Developers
[4]How to open the JavaScript console in different browsers?
[5]Firebug控制臺(tái)詳解 - 阮一峰的網(wǎng)絡(luò)日志
[6]Does IE9 support console.log, and is it a real function?

總結(jié)

以上是生活随笔為你收集整理的浏览器的控制台工具的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。