如何：分析網頁中的 JavaScript (ECMA) 程式碼

  • 發行項

Visual Studio 程式碼剖析工具可以使用檢測程式碼剖析方法，針對 ASP.NET Web 應用程式、任意網頁或 JavaScript 應用程式中執行的 JavaScript 程式碼來收集效能資料。

需求

  • Visual Studio Ultimate, Visual Studio Premium, Visual Studio Professional 

  • Internet Explorer 8 (含) 以後版本。

注意事項警告

若要設定檔在 Windows 市集應用程式中的 JavaScript，請參閱下列其中一個主題:

您可以使用 [程式碼剖析精靈] 建立效能工作階段。指定檢測方法，然後在效能工作階段的 [屬性] 對話方塊中，於 [檢測] 頁面上指定 JavaScript 程式碼剖析選項。

當您指定 JavaScript 程式碼剖析時，會同時對瀏覽器中執行的 JavaScript 程式碼與伺服器上執行的 ASP.NET 程式碼進行程式碼剖析。

  • 如果是指定 ASP.NET Web 應用程式，也會同時對瀏覽器中執行的 JavaScript 程式碼與伺服器上執行的 ASP.NET 程式碼進行程式碼剖析。

  • 至於任意網頁，則對瀏覽器中執行的 JavaScript 程式碼進行程式碼剖析。

若要對 ASP.NET Web 應用程式專案中的 JavaScript 進行程式碼剖析

  1. 在 Visual Studio Premium 中開啟 ASP.NET Web 專案。

  2. 按一下 [分析] 功能表上的 [啟動效能精靈]。

  3. 在 [效能精靈] 的第一個頁面中，指定 [檢測] 程式碼剖析方法，然後按 [下一步]。

  4. 在精靈的第二個頁面上，確定已在目標清單中選取目前專案，然後按 [下一步]

  5. 在精靈的第三個頁面上，選取 [分析 JavaScript] 核取方塊，然後按 [下一步]。

  6. 在精靈的第四個頁面上，按一下 [完成] 在瀏覽器中啟動 Web 應用程式。

  7. 執行您要進行程式碼剖析的功能。

  8. 若要結束程式碼剖析工作階段，請關閉瀏覽器。

若要對個別網頁或 JavaScript 應用程式中的 JavaScript 進行程式碼剖析

  1. 開啟 [Visual Studio Premium]。

  2. 按一下 [分析] 功能表上的 [啟動效能精靈]。

  3. 在 [效能精靈] 的第一個頁面中，指定 [檢測] 程式碼剖析方法，然後按 [下一步]。

  4. 在精靈的第二個頁面上，按一下 ASP.NET 或 JavaScript 應用程式，然後按 [下一步]。

  5. 在精靈的第三個頁面上：

    1. 在 [您要使用哪個 URL 或路徑執行應用程式?] 方塊中輸入網頁的 URL。

    2. 選取 [分析 JavaScript] 核取方塊，然後按 [下一步]。

  6. 在精靈的第四個頁面上，按一下 [完成] 在瀏覽器中啟動網頁。

  7. 執行您要進行程式碼剖析的功能。

  8. 若要結束程式碼剖析工作階段，請關閉瀏覽器。