Console

每個瀏覽器都提供了一個控制台，讓您可以與 Web 平台 API 進行交互，並通過打印由網頁中運行的 JavaScript 代碼生成的消息來查看代碼的內部結構。 控制台概述 使用控制台日誌格式化 清除控制台 計算元素的數量 記錄複雜對象 記錄不同級別的錯誤 在導航期間保留日誌 分組控制台消息 打印堆棧跟踪 計算所花費的時間 生成 CPU 配置文件 控制台概述 控制台工具欄很簡單。有一個按鈕可以清除控制台消息，您還可以在 macOS 上單擊 cmd-K ，或在 Windows 上單擊 ctrl-K 以清除控制台消息，第二個按鈕可以激活一個側邊欄，讓您可以按照文本或消息類型進行過濾，例如錯誤、警告、信息、日誌或調試消息。 您還可以選擇隱藏網絡生成的消息，只關注 JavaScript 日誌消息。 控制台不僅是您可以查看消息的地方，還是與 JavaScript 代碼和 DOM 進行交互的最佳方式，並且有許多時候還用於從頁面上獲取信息。 讓我們輸入我們的第一條消息。請注意 > ，讓我們在此處點擊並輸入 console.log('test') 控制台充當了一個 REPL（Read-Eval-Print-Loop） ，這意味著它解釋我們的 JavaScript 代碼並打印一些東西。 使用控制台日誌格式化 正如您所見，console.log('test') 在控制台中打印了 ’test’。 在您的 JavaScript 代碼中使用 console.log 可以幫助您調試，例如打印靜態字符串，但您還可以將變量作為參數傳遞給它，該變量可以是 JavaScript 原生類型（例如整數）或對象。 您可以將多個變量傳遞給 console.log ，例如： console.log('test1', 'test2') 您還可以通過傳遞變量和格式指定符來格式化漂亮的短語。 例如： console.log('我的 %s 有 %d 歲', '貓', 2) %s 將變量格式化為字符串 %d 或 %i 將變量格式化為整數 %f 將變量格式化為浮點數 %o 用於打印 DOM 元素 %O 用於打印對象表示形式 示例：...