VS2017 如何在 windows 手機模擬器上調試 uwp 托管的 web 應用程序

Question

我使用 Visual Studio 2017 構建了一個 javascript uwp托管網絡應用程序。該應用程序是一個簡單的 javascript 應用程序，其起始頁指向我們的一個網絡服務器。 服務器返回一個包含 javascript 的頁面。 該應用程序運行良好。

在 VS2017 的“DOM Explorer”窗口中，我可以看到下載的 HTML 和 Javascript。 但是，唉，我無法弄清楚如何在腳本中添加斷點、下一步等等。

是否有一種簡單的方法可以在此類應用程序上啟用逐步調試？

Answer 1

我建議您可以直接使用 Microsoft Edge F12 開發人員工具調試您的應用程序。

您可以使用 Microsoft Edge 打開您的網站，然后按 F12 打開開發人員工具。 在開發人員工具中，您可以在“仿真”選項卡中將瀏覽器配置文件切換到 windows 手機。 然后，在調試器選項卡中，您可以添加一些斷點來調試其中的 javascript 代碼。

如果要調試 UWP API，需要使用 Visual Studio 將應用程序部署到本地計算機，然后需要從 Windows 的開始菜單啟動它。 應用程序啟動后，按F12，Edge 開發者工具會被打開，然后，您可以添加一些斷點進行調試。