javascript - 由于javascript,检查DOM和css差异的最简单方法

标签 javascript html css google-chrome

在某些事件发生后(假设您单击了按钮),使用浏览器检查 整个页面 中 DOM 和 css 差异的最简单方法是什么? 为此,Google Chrome 浏览器是首选浏览器。

再次,换句话说:

您有一个页面。 你在页面上做了一些事情(点击按钮),页面(DOM 和 css)被 javascript 改变了。 DOM 和 css 发生了什么变化?如何在不调试 javascript 的情况下弄清楚?

最佳答案

DOM 和 css 之间的区别是一个糟糕的措辞,因为它们是两个完全不同的东西。即使当我的 DOM 为空时,所有的 css 仍然适用。

如果你想检测 DOM 中的一般变化,你应该看看 React.js .这个想法是你创建一个虚拟 DOM。使用 JS 编辑 DOM 后,您可以将其与虚拟 DOM 进行比较以查看差异。

关于javascript - 由于javascript,检查DOM和css差异的最简单方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35631904/

相关文章:

javascript - 通过嵌入式站点初始化 jQuery

javascript - 服务人员 : How to cache images that do not have extensions using Workbox

javascript - 当用户单击 slick-header-menuitem 下拉列表时,如何将所有数据放入 slickgrid。?

html - 如何将动画添加到输入占位符

html - CSS/HTML 左右浮动?

javascript - Grails Assets 管道和外部JS库

javascript - 如何点击生成的链接

html - Bootstrap - 将按钮对齐到卡片底部

html - 水平和垂直居中 DIV 容器

css - 内联 block 垂直对齐问题