是否可以在Chrome中查看jQuery添加的数据
创建网站时，我经常使用 jQuery 的 .data() 函数向元素添加数据。
是否可以在 Chrome 中查看元素存储的所有数据？
因此，当我检查一个元素时，它会在 Chrome 本身中显示数据。
如果没有，是否可以编写一个插件来“扩展”到 Chrome element Inspector 以显示数据？
When creating websites I often use jQuery's .data() function to add data to elements.
Is it possible to view all data which is stored with an element in Chrome?
So when I inspect an element it shows the data in Chrome itself.
If not would it be possible to write a plugin to 'extend' to Chrome element inspector to also show to data?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
打开检查器，进入控制台，键入
然后按回车键以评估
data()方法并直接显示其返回值。除非您在非交互式代码中调用
console.log，否则无需使用它。Open the inspector, and into the console, type
and then hit return to evaluate the
data()method and show its return value directly.There's no need to use
console.logunless you're calling it within non-interactive code.Chrome 查询
可以在Chrome 扩展程序网上应用店 并向属性面板添加另一个选项卡在开发者工具中。
Chrome Query
Can be found in the Chrome Extensions Webstore and adds another tab to the properties panel in the developer tools.
在 Chrome 控制台中输入：
它将列出该元素中的
dataType into the chrome console:
and it will list the
datain that elementChrome 查询
Chrome Query
因此，我不使用
$(selector).data()模式，而是使用更自然的 HTML$(selector).attr('data-name ','value')将值添加到实际的 HTML 中。$(selector).attr('data-name','value')在 IE8+ 浏览器中不起作用。首选.data()。另外，用户定义的 var 例如：data-name不是 HTML 中的属性。For this reason, I don't use the
$(selector).data()pattern, and, instead I use a more HTML natural$(selector).attr('data-name','value')which adds the values to the actual HTML.$(selector).attr('data-name','value')does not work in IE8+ browsers..data()is preferred. Also, a user defined var such as say:data-nameis not an attribute in HTML.