Chrome 中的 DOM 检查器中查看更改的选项是什么?

Chrome 中的 DOM 检查器中查看更改的选项是什么?

我认为我之前看到 Chrome 已经这样做了,或者我可能关闭了设置。在安装了 Firebug 的 Firefox 中,DOM 检查器将让我看到操纵 HTML 的脚本中发生了哪些变化 [通过用黄色突出显示行]。是否有任何选项可以让我在 Chrome 中看到 DOM 中发生了哪些变化?

PS:嗯,我喜欢从 star 开始使用 Chrome 进行快速开发,之后再使用其他浏览器,比如 Firefox。另外,我想看看 jQuery inview 插件中发生了什么变化https://github.com/protonet/jquery.inview以及这里的演示http://jsbin.com/ugupa

答案1

在 chrome 中按 F12 打开开发人员工具。

元素选项卡显示页面上的所有 html 元素。使用底部菜单上的放大镜图标,您可以选择渲染页面上的元素并查看其背后的 html。

至于查看 jQuery 中发生了什么:如果您的意思是想查看 jQuery 代码运行后生成的 html,您也可以在 Elements 选项卡下查看。如果您的意思是想调试 jQuery 代码,您可以使用 Sources 选项卡,找到要调试的脚本并添加一些断点来实现。

答案2

如果我理解正确的话,你不会在开发工具的“元素”选项卡中看到预期的变化。我自己也遇到了这个问题,看起来这是一个小故障。只需重新打开开发工具,它应该会修复

相关内容