如何在 chrome 中调试 Web 应用程序？答案

【问题标题】：how to debug a web application in chrome?如何在 chrome 中调试 Web 应用程序？
【发布时间】：2020-06-20 17:52:50
【问题描述】：

我想知道我们如何调试应用程序，例如：chrome 中的 facebook，当我们登录 facebook 时，我们如何跨过每个后端操作。当我们登录 FB 时，流程如何进入后端...

我们可以在不设置任何断点的情况下在 chrome 中执行此操作吗？

【问题讨论】：

一般来说，您无法从 Web 浏览器调试后端活动。嗯，可能非常接近普遍。
@Pointy，如何使用系统中可用的代码调试我们自己的应用程序，我有代码并且不设置断点我想查看我的应用程序的流程
服务器端代码和浏览器是完全独立的环境。
@Pointy，是的，服务器端代码和浏览器是独立的环境，我想调试一个应用程序以了解代码的确切流程......我有 Visual Studio 和代码......如果我然后添加断点，同时调试它在该点停止，但我不确定我必须在哪里设置断点。
您好，rrr，请检查我的回答是否能帮助您处理此问题。如果它对您有帮助并处理此问题，您可以考虑接受它，以便帮助其他社区成员搜索和处理类似问题。如果没有，请随时告诉我们。你这样做很好。

【解决方案1】：

我们可以在不设置任何断点的情况下在 chrome 中执行此操作吗？

据我所知，这是做不到的。如果你想调试你的项目，你必须设置断点。此外，您应该有示例，并且应该使用本地主机来调试它。

首先，你应该在VS上打开项目，然后用Chrome调试它。

1)，当你调试一个asp net项目时，通常都有命名规则。如果您在 Chrome 中打开一个新的表单页面，您可以在解决方案资源管理器中找到相关页面，并在其顶部设置断点。

2) Chrome 只能调试 Javascript 代码。如果你想调试它，你应该在Chrome上按F12打开开发者模式。可以看到当前页面的JS代码在Source菜单下，可以直接在脚本开头设置断点。

然后你可以点击 UI 按钮或菜单开始调试（js 和后端活动）。另外，当你进入一个新的表单页面时，只需按照以上两步调试即可。

另外，从VS2017开始，你可以在VS中调试js，在Tools-->Options-->Debugging下启用Enable Javascript debug for Asp.Net选项-->一般。

然后，可以在解决方案资源管理器下搜索，找到当前调试表单页面-->找到相关的js文件，在上面设置断点。之后就可以开始调试asp net项目的菜单了。

注意：每次进入新页面，都要先搜索前端页面和后端页面，手动设置断点。

【讨论】：