Javascript 关于调试web应用程序的术语

通常，当我们调试web应用程序时，我们只需将鼠标悬停在元素上，然后右键单击它并选择“检查”。这个术语是什么？我可以用什么关键字来搜索这项技术？我想阅读更多的教程来掌握这种调试方法，因为它非常有用

---

更新：实际上我只想知道一个元素的css类，这样我就可以显示或隐藏这个元素。

当你“检查元素”时，你使用的是浏览器的开发工具，或“开发工具”。如果你在找教程，用谷歌搜索“chrome开发工具”或“firefox开发工具”（或任何你使用的浏览器）应该会给你很多东西。

你似乎想了解客户端调试。它大致有两种类型

浏览器级调试：您可以使用链接了解google chrome

Javascript调试：您可以使用链接了解Javascript调试：

开发者控制台是web开发和应用中最重要的工具 没有它，任何web开发人员都很难想象web页面 发展。它比我们用于开发的任何IDE都重要

在浏览器上检查名为“客户端调试”或“UI调试”的元素。这发生在开发人员控制台上，默认情况下，每个浏览器都有开发人员控制台。可以通过鼠标右键单击>选择“检查”或按F12键来检查上的图元

这将在同一浏览器窗口的底部打开一个控制台，如下所示

在上图中，您可以看到选中的元素是BODY，并且与tag属性对齐的CSS在同一控制台的右侧样式选项卡下可见。当您将鼠标悬停在任何CSS属性上时，将出现一个复选框，它将允许您删除该属性或将该属性添加到所选元素中

在同一方面，您可以在css上应用多个选项。例如，如果要在悬停时应用某些属性，请单击过滤器并选择元素的状态

通过这种方式，您可以在页面上使用元素，然后最终确定要查找的元素样式

开发者控制台不仅用于CSS和HTML，还用于调试Javascript。它提供了在运行时调试JavaScript所需的所有控件

[注意：在开发人员控制台上进行更改不会保存在实际文件中。您必须将其复制到源文件，然后刷新页面以查看其工作情况]

---

希望这有帮助，干杯

你是说开发工具？从技术上讲，检查源不是调试。。。逐行查看代码的执行情况，然后查找bug的来源（并修复它们）就是调试。实际上，我只想知道元素的css类，这样我就可以显示或隐藏此元素。谢谢你的回答。您能给我发送更多关于“在浏览器上检查名为客户端调试或UI调试的元素”的教程吗。既然我知道你在这里提到的，我想学习更多关于这方面的高级技能。这一个也很有帮助。