共用方式為


JavaScript 主控台命令

Visual Studio 提供了一組命令,可讓您在 [JavaScript 主控台] 視窗中傳送訊息及執行其他工作。如需使用 [JavaScript 主控台] 的詳細資訊,請參閱快速入門:偵錯應用程式 (JavaScript)

主控台物件命令

下表顯示您可在 [JavaScript 主控台] 視窗中使用之 console 物件命令的語法。您可以從程式碼使用 console 物件,將訊息傳送至主控台。此物件提供數種格式,以便您在必要時可區分告知性訊息與錯誤訊息。

注意事項注意事項

如需避免與本機物件命名的主控台相混淆,您可以使用較長的命令格式 window.console.[command]。

命令

描述

範例

log(message)

將 message 傳送至主控台視窗。

console.log("logging message");

warn(message)

將 message 傳送至主控台視窗 (開頭處會有警告符號)。

console.warn("warning message");

error(message)

將 message 傳送至主控台視窗。訊息文字是紅色的,且開頭處會有錯誤符號。

console.error("error message");

info(message)

將 message 傳送至主控台視窗。訊息開頭處會有資訊符號。

console.info("info message");

clear()

清除主控台視窗中的訊息 (包括指令碼錯誤訊息) 和顯示的指令碼,但是不會清除您在主控台輸入提示中輸入的指令碼。

console.clear();

assert(expression, message)

如果 expression 評估為 false,則會傳送訊息。

console.assert((x == 1), "assert message: x != 1");

其他命令

您還可以在 [JavaScript 主控台] 視窗中使用下列命令。

命令

描述

範例

$0, $1, $2, $3, $4

將指定的項目傳回主控台視窗。$0 會傳回目前在 [DOM Explorer] 中選取的項目,$1 則會傳回前次在 [DOM Explorer] 中選取的項目,依此類推,最多可回推至前四次選取的項目。

$3

$(id)

依 ID 傳回項目。這是 document.getElementById(id) 的捷徑命令,其中 id 是代表項目 ID 的字串。

$("contentHost")

$$(div)

傳回使用 CSS 選取器語法的項目。這是 document.querySelector(div) 的捷徑命令,其中 div 是代表 DIV 項目類別名稱的字串。

$$(".itemlist")

cd()

cd(window)

可讓您將運算式評估的內容,從頁面的預設最上層視窗變更為指定框架的視窗。呼叫不帶參數的 cd(),會將內容傳回至最上層視窗。

cd();

cd(myframe);

select(element)

選取 [DOM Explorer] 中指定的項目。

select(document.getElementById("element"));

select($("element"));

select($1);

dir(object)

傳回指定物件的視覺化檢視。您可以使用視覺化檢視在主控台視窗中檢查屬性。

dir(obj);

請參閱

概念

快速入門:偵錯應用程式 (JavaScript)