如何在 chrome 中調試 web 應用程序？

Question

我想知道我們如何調試應用程序，例如：Chrome 中的 facebook，當我們登錄到 facebook 時，我們如何跨過每個后端操作。 當我們登錄 FB 時，流程如何進入后端......

我們可以在不設置任何斷點的情況下在 chrome 中執行此操作嗎？

Answer 1

我們可以在不設置任何斷點的情況下在 chrome 中執行此操作嗎？

據我所知，這是做不到的。 如果要調試項目，則必須設置斷點。 此外，您應該擁有示例並且應該使用本地主機來調試它。

首先，你應該在VS上打開項目，然后用Chrome調試它。

1) 、調試asp net項目時，一般都有命名規則。 如果您在 Chrome 中打開一個新的表單頁面，您可以在解決方案資源管理器中找到相關頁面，並在其頂部設置斷點。

2) Chrome 只能調試 Javascript 代碼。 如果你想調試它，你應該在 Chrome 上按F12打開開發者模式。 可以看到當前頁面的JS代碼在Source菜單下，可以直接在腳本開頭設置斷點。

然后您可以單擊 UI 按鈕或菜單開始調試（js 和后端活動）。 另外，當你進入一個新的表單頁面時，只需按照以上兩個步驟進行調試即可。

另外，從VS2017開始，你可以在VS中調試js，在Tools-->Options-->Debugging-->General下啟用選項Enable Javascript調試Asp.Net 。

然后，可以在解決方案資源管理器下搜索，找到當前調試表單頁面-->找到相關的js文件，在上面設置斷點。 之后就可以開始調試asp net項目的菜單了。

注意：每次進入新頁面，都要先搜索前端頁面和后端頁面，手動設置斷點。