为我的班级检查元素（Chrome）问题

Question

我正在攻读计算机科学课，目前我们正在研究inspect元素工具及其功能。我被分配给开发人员和javascript程序员询问他们使用inspect元素工具的经验。如果您能花时间回答以下有关此主题的问题，我将非常感激。它真的会帮助我，因为我没有太多运气找到这里的许多开发人员。非常感谢你！

另外，我需要自己提出这个问题，否则我的老师不会接受我的回复。这就是为什么我创建了一个新帖子，为什么我不能只看其他可能相关的帖子。

1. 您多久发现自己使用一次检查元素工具？为什么呢？

2. 您个人使用了inspect元素工具（修改，调试，其他）？为什么呢？

3. 使用inspect元素可以轻松访问哪些类型的数据（CSS，cookie，代码，变量值），哪些类型更难访问？为什么呢？

4. 您对检查元素工具的烦恼是什么？为什么呢？

编辑：新问题：您是否尝试在页面上修改javascript，HTML或CSS？为什么呢？

Answer 1

与其他人一样，我一直使用检查工具 - 不仅用于开发自己的网站，还用于查看其他网站上有趣的组件和元素。这让我很好地了解了其他有趣的页面组件的样式。

1. 我每天都在使用它。
2. 我使用它调试javascript（你可以设置断点），修改css样式，如颜色和尺寸等。我经常使用javascript控制台来查看我是否收到任何错误甚至只是检查对象值。应用程序选项卡非常适合检查我的本地存储和cookie值是否正确设置，网络选项卡非常适合评估css / html / javascript文件的下载性能等。
3. 如果您在检查时知道要查看哪个标签，我认为一切都很容易访问。这只是通过实验来熟悉检查员可以做的所有事情。
4. 没什么。它非常适合我的所有目的。

Answer 2

1. 不断使用chrome检查元素。它帮助我编写CSS并调试Javascript。这是我作为前端Web开发人员的工作。

2. 它帮助我调试CSS和Javascript。

3. 最适合用于CSS，简单易用。获取有关Javascript的信息（语法错误除外）有点困难。

4. 直接更改CSS属性非常烦人。有时你必须三次点击才能改变一些东西，否则选择就不直观了。

Answer 3

1. 我一直使用检查工具。它非常适合修复样式问题，因为您可以从浏览器对html和css进行编辑。

2. 修改CSS

3. CSS，Cookie和HTML易于访问。可以查看Javascript并且有一些调试功能，但它们有点笨拙。

4. 我真的没有任何烦恼。它只是具有特定用途的另一种工具。如果它让你烦恼，你可能会错误地使用它。

BY FAR，我最喜欢的功能是你可以在元素上看到计算样式。因此，您可以看到哪些样式表正在设置元素上的样式。它甚至会告诉你样式表的行号，这样你就不必进行任何挖掘。作为后端开发人员，当我需要快速编辑前端开发人员不可用时，我觉得这非常宝贵。