VS Code检查元素

问题描述 投票:0回答:1

我一直在使用Adobe Dreamweaver(2005)进行Web开发。我最近改用VS Code。 Dreamweaver具有内置的浏览器,可以在其中查看HTML元素,并且可以在编辑器中立即找到它。这真的很方便,尤其是当我从事多年发展的凌乱项目时。我真的很喜欢VS Code,但此功能对于节省很多时间很重要。有什么办法可以在VS Code中获得此功能?

谢谢

google-chrome visual-studio-code vscode-settings vscode-extensions vscode-debugger
1个回答
0
投票

您正在寻找的功能现在已经以开发工具的形式内置在每个主流浏览器中:https://developers.google.com/web/tools/chrome-devtools/open#elements

您只需单击一个元素,然后在单独的窗格中,将显示相应的代码。

您还可以通过VS代码市场中用于chrome的扩展调试器-或用于Firefox的调试器等,将DevTools直接链接到VS代码。>

但是,如果您还不熟悉浏览器开发工具,我建议您从它们开始,因为它们易于使用且不需要进行配置。

© www.soinside.com 2019 - 2024. All rights reserved.