js控制檯輸出console
介紹:
js的console你可以在firefox的firedbug或者ie和google的f12除錯模式下看到,這些主流瀏覽器的除錯模式的控制可以輸出一些資訊,你的一些js程式碼測試可以直接在console視窗輸入然後執行檢視結果,省了部署工程和重新整理頁面的時間;當然你有一些特殊程式碼的測試,比如需要後臺資料或者頁面效果的,一般情況大家喜歡用的都是js程式碼直接使用alert輸出測試資訊,這樣做會中斷程式跳出執行緒;這時候還有一個不錯的選擇那就是使用控制檯的日誌,即console.log;下面為大家一一介紹console的一些用法,部分摘自網路:
1.console.log
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 |
連結物件 |
2.其他級別,debug、warn、error、assert等
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 itis called.
The stack trace details the functions onthe stack, as well as the values that were passed as arguments to eachfunction. You can click each function to take you to its source in the Scripttab, 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(nam)
相關文章
- 使用Spectre.Console定製.NET控制檯輸出樣式演示
- codeblocks 控制檯輸出亂碼BloC
- iOS 控制檯輸出中文,非外掛iOS
- 不一樣的控制檯程式—–在控制檯中輸出圖片薦
- Chrome控制檯,console實用教程Chrome
- Unity控制檯console列印富文字Unity
- Weex 學習文件、跳轉路徑、控制檯輸出、we轉js彙總JS
- c# 控制檯console進度條C#
- Async Console Programs 非同步控制檯程式非同步
- IDEA控制檯輸出中文亂碼解決方法Idea
- 在Delphi中捕獲控制檯程式的輸出 (轉)
- Windows Console 控制檯、視窗介面切換Windows
- .NET Core建立一個控制檯(Console)程式
- C++學習筆記(七) - Qt 在控制檯輸出C++筆記QT
- 在控制檯進行依賴注入(DI in Console)依賴注入
- 關閉Eclipse的控制檯console自動跳出Eclipse
- python怎樣從控制檯輸入Python
- SSH框架控制檯輸出HQL語句和SQL語句的方法框架SQL
- HP伺服器控制檯輸出設定造成的啟動故障伺服器
- java 在控制檯上輸入密碼時,密碼不顯示在控制檯上Java密碼
- Python print函式控制檯中文輸出16進位制問題Python函式
- java專案中eclipse控制檯輸出log4j的資訊JavaEclipse
- Java使用Scanner類進行控制檯輸入Java
- 05 Shell read讀取控制檯輸入
- 淺析 C# Console 控制檯為什麼也會卡死C#
- 解決tomcat啟動控制檯輸出中文亂碼問題-ideaTomcatIdea
- Go 語言控制檯輸入&生成隨機數Go隨機
- logback輸出到控制檯和檔案--配置
- console.log(jQuery(this).find("i").css("visibility"));google的console控制檯列印日誌jQueryCSSGo
- tokio-rs/console:非同步Rust執行偵錯程式控制檯非同步Rust
- chrome 控制檯console 呼叫vue頁面的方法--來自chatgpt的回答ChromeVueChatGPT
- 怎麼正確釋出dubbo控制檯
- Python專案,VS Code控制檯輸出亂碼問題解決辦法Python
- C# 控制檯應用程式中輸出彩色字型C#
- zookeeper控制檯
- IDEA使用自帶下載的open jdk導致控制檯輸出中文亂碼IdeaJDK
- JAVA控制檯下:控制檯商城購物系統Java
- Java入門系列-07-從控制檯中接收輸入Java