Visual Studio 如何正确查找Web浏览器上存在的代码库中的代码

cqoc49vn  于 2022-12-30  发布在  其他
关注(0)|答案(1)|浏览(243)

作为一名程序员,我刚开始一项工作,并且有一个全新的代码库,我在将代码库连接到我导航到的页面时遇到了问题。在代码库中查找Web浏览器中正在使用的HTML的最佳方法是什么?
我在本地运行项目,并在浏览器中导航到bug中指定的位置。现在我需要在代码库中修复这个问题。
我可以利用网络选项卡来查找端点,但我需要转到前端的页面。

  • 使用Visual Studio代码
  • Web API
  • Angular
  • C#
nbnkbykc

nbnkbykc1#

1.使用检查元素的方法

大多数时候,inspect元素就足够了,因为你会在那里看到大多数selector的名字,也可以查找某些css类或id,然后在你的代码中查找它们。

2.使用官方浏览器插件的方法

您可以在基于Chromium的浏览器或Firefox浏览器中安装Angular Devtools插件official documentation(带有获取该插件的链接)。
打开浏览器devtools时,应该会出现一个名为Angular的新选项卡。
通过它你可以看到你当前视图的组件树和它的元素。在那里你可以看到组件的selector名称,并可以在你的项目中搜索组件。

**注意:**第二种方法仅适用于Angular应用程序的开发版本,而第二种方法适用于任何地方以及您将来可能遇到的任何框架或库(例如Vue、React等)。

还要记住,这只适用于HTML。许多错误,你可能会遇到可能发生在您的JavaScript/TypeScript,将需要搜索不同的大部分时间。

相关问题