作为一名程序员,我刚开始一项工作,并且有一个全新的代码库,我在将代码库连接到我导航到的页面时遇到了问题。在代码库中查找Web浏览器中正在使用的HTML的最佳方法是什么?
我在本地运行项目,并在浏览器中导航到bug中指定的位置。现在我需要在代码库中修复这个问题。
我可以利用网络选项卡来查找端点,但我需要转到前端的页面。
- 使用Visual Studio代码
- Web API
- Angular
- C#
作为一名程序员,我刚开始一项工作,并且有一个全新的代码库,我在将代码库连接到我导航到的页面时遇到了问题。在代码库中查找Web浏览器中正在使用的HTML的最佳方法是什么?
我在本地运行项目,并在浏览器中导航到bug中指定的位置。现在我需要在代码库中修复这个问题。
我可以利用网络选项卡来查找端点,但我需要转到前端的页面。
1条答案
按热度按时间nbnkbykc1#
1.使用检查元素的方法
大多数时候,inspect元素就足够了,因为你会在那里看到大多数
selector
的名字,也可以查找某些css类或id,然后在你的代码中查找它们。2.使用官方浏览器插件的方法
您可以在基于Chromium的浏览器或Firefox浏览器中安装Angular Devtools插件official documentation(带有获取该插件的链接)。
打开浏览器devtools时,应该会出现一个名为
Angular
的新选项卡。通过它你可以看到你当前视图的组件树和它的元素。在那里你可以看到组件的
selector
名称,并可以在你的项目中搜索组件。**注意:**第二种方法仅适用于Angular应用程序的开发版本,而第二种方法适用于任何地方以及您将来可能遇到的任何框架或库(例如Vue、React等)。
还要记住,这只适用于HTML。许多错误,你可能会遇到可能发生在您的JavaScript/TypeScript,将需要搜索不同的大部分时间。