当我使用浏览器的开发工具查看页面上的某些元素时会发生什么？

Question

有几次，我遇到了我们的网页的一个奇怪的行为：如果我只是打开页面，它以一种方式看起来，如果我用我的浏览器提供的开发人员工具查看该页面的某些元素 - 元素改变。如果我点击某个div并在开发工具中查看它，看起来好像会引发一些刷新事件。

有谁知道发生了什么？

例如，在我目前的情况下，我有一些div，半透明的背景，应该在某些事件发生后移动。它在所有浏览器中移动，除了歌剧。在Opera中，根本不显示。但万一我用Opera开发工具检查这个div，div就变得可见了！当我切换到标准模式时 - 它会再次隐藏。

当我使用开发工具跟踪某些div的数据时会发生什么？

Answer 1

这是所有可视化开发编辑器和调试器的常见行为。为了允许编辑/调试项目，它们将组件的可见性属性覆盖为TRUE。

以正常模式返回，当然会将所有属性设置为其实际值。