html - 当我用浏览器的开发工具查看页面上的某个元素时会发生什么?

标签 html css browser opera

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

有人知道发生了什么吗?

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

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

最佳答案

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

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

关于html - 当我用浏览器的开发工具查看页面上的某个元素时会发生什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14750084/

相关文章:

html - 如何防止浏览器缓存表单字段?

html - 网站上的文字在 Firefox 中移动

php - 当单个博客页面上有多个 div 时,如何在图标悬停时显示一个 div?

javascript - 调用两次时 jQuery offset(coords) 的行为不一致

html - 我可以使用 Chrome 中的开发者工具来隐藏网页上的所有图像吗?

css - 添加底部滚动条的屏幕奇怪间隙

css - 字体间歇性加载失败?

javascript - 两个容器之间的自定义形状线,像进度条一样改变颜色

javascript - 脚本不循环显示图像

Android 默认浏览器为响应式设计创建水平滚动条