在Visual Studio中從ASP.NET調試JavaScript

Question

我希望能夠調試WebForms生成的客戶端Javascript，例如單擊按鈕。

這應該是微不足道的，但是我找不到一種簡單的方法來做到這一點。

生成的HTML如下所示：

<input type="submit" name="ctl00$Content$btnUpdate" value="Save" 
    id="ctl00_Content_btnUpdate" class="StandardButton"
    onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(
                    "ctl00$Content$btnUpdate", "", true, "", "", false, false))" 
    >

...並且是從以下.aspx代碼段生成的：

<AGILE:Button ID="btnUpdate" runat="server" CssClass="StandardButton" Text="@Save@"
                    OnClick="btnUpdate_Click"/>

在Visual Studio（2013 FWIW） WebForm_DoPostBackWithOptions(...)調試器附加到函數WebForm_DoPostBackWithOptions(...)的最快方法是什么？

在Chrome開發工具中如何處理？

我試過的

（請參見下面的答案）

Answer 1

對於Chrome開發工具：

1. Ctrl-Shift-C進入“查找我這個DOM元素”模式，然后單擊按鈕。
2. 在開發工具中，查看onclick事件指向的內容（請參閱問題中的示例），然后復制函數名稱。
3. Ctrl-Shift-F進入“在所有地方找到我”模式，然后粘貼函數名稱（即WebForm_DoPostBackWithOptions ）。 <Enter> 。
4. 在Chrome開發工具中設置斷點，然后從那里開始。

對於Visual Studio

我發現（從Chrome的上述步驟中），生成的javascript位於訪問頁面時生成的名為WebResource.axd?d=<random>的文件中。

更新

當使用Internet Explorer作為客戶端瀏覽器時，可以更好地與Visual Studio集成。

在VS 2012 之前的版本中，顯然在Debug-> Windows下有一個Script Editor窗口 （僅在調試時可用，當連接到IE時才可用）。

在VS 2012/2013中，在“解決方案資源管理器”窗口中將其替換為名為“ 腳本文檔”的節點。 這是在br中當前打開的頁面之后的

它僅在使用IE作為選定瀏覽器進行調試時顯示。

了解了上述Chrome步驟中的知識后，我打開了WebResource.axd文件，可以肯定的是，我的功能是該文件中的第一個函數。 我可以添加一個斷點然后繼續。

但是，我找不到從Visual Studio 搜索該功能的方法。

---

我描述的方法可以完成工作，但我仍然希望有一種更簡單的方法...