javascript - 如何在 Chrome 开发人员工具中实时查看数据属性值?

标签 javascript jquery

我想在开发人员工具中探索 DOM 时查看这些值。如果可能的话,看看什么绑定(bind)到了 javascript 元素。使用某些插件可以实现这一点吗?或者我将如何做到这一点?

最佳答案

可以在元素上看到数据属性:http://cl.ly/0w3V2H311E21241J2j45

如果您使用 jQuery .data(),它不会更改元素的数据属性,因此您必须调用 .data() 来得到它看到它。我不知道有任何插件可以让您在 DOM 资源管理器中查看它。

通过单击元素可以在右侧找到事件监听器。向下滚动到 CSS 规则的底部,您将看到一个名为“事件监听器”的部分:http://cl.ly/2f3c3z312c3D2w43321s

关于javascript - 如何在 Chrome 开发人员工具中实时查看数据属性值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10294832/

相关文章:

javascript - 选择的值未显示在输入值中

jquery - 带有缩略图轮播的 Twitter bootstrap 图片库

javascript - 如何使用ajax将我的jquery数组保存到php

javascript - 手机输入法="tel"时,如何改变回车键的作用?

javascript - jQuery 第一次点击 show() 第二次加载视频

javascript - 为什么这个 JavaScript Canvas 绘图应用程序滞后?

jQuery 单选按钮 "is selected"代码

javascript - 有人可以举例说明何时让 switch 语句使用多个 case 语句吗?

javascript - Jade 中的 console.log() 未按预期工作

c# - 在javascript中绑定(bind)选择列表,特殊字符转义