如何使用Chrome'查看窗口对象中定义了哪些变量;的开发工具
How can I see what variables are defined in the window object with Chrome's developer tools?
我曾经有一个简单的解决方案来解决这个问题:打开开发人员工具控制台,开始键入一个或几个字母…然后砰的一声,chrome会自动完成window
中(或调试时this
对象中)可用的任何变量名。我主要使用这个来查看是否定义了类似jQuery
的东西
最近,Chrome的控制台有了一个新的自动完成功能,可以自动完成以前键入的语句。我现在不能再使用旧的工作流程来查找可用的变量了。
我发现,通过首先键入window.
(注意句点),你会得到自动完成的变量名列表,就像在旧版本的Chrome中一样,但它也会包括以前评估过的语句。
键入window
,然后按回车键将打印窗口对象;展开它将显示所有已定义的变量和成员,但我喜欢旧的方式,它可以让您通过键入前几个起始字符轻松进行筛选。
切换到Chrome的测试版频道。
打开开发工具(F12),转到设置(F1)。在"控制台"下,取消选中"从历史自动完成"。现在你会得到一个自动完成的变量名列表,就像它在旧版本的Chrome中一样。
键入window
,然后按回车键,将打印窗口对象;展开它还将显示所有已定义的变量和成员。
我构建了一个名为JS-Digger的chrome扩展,它允许您搜索窗口对象中定义的变量名和值。
JS Digger链接:https://chrome.google.com/webstore/detail/js-digger/ndindkkcbpmfoinihohmhdhphgpiofbb?hl=en&authuser=3
相关文章:
- Chrome开发工具(如何知道我在调用哪个javascript对象)
- 如何使用ReSharper自定义HTML工具进行JavaScript测试
- Chrome开发工具中使用了哪些框架和库
- `当使用箭头函数时,“开发工具”中未定义“this”
- 有没有一种方法可以使用任何浏览器扩展整个dom树'的开发工具
- $.get-response没有responseJSON方法,但当我在Chrome开发工具中绑定它时,它确实有
- 无法在Chrome开发工具中实时编辑Javascript
- 在Chrome开发工具中测量步骤之间的时间
- Redux开发工具Chrome扩展Immutable.js导致错误
- 未注释img´除非调整浏览器大小、缩放或打开开发工具,否则不会显示
- Chrome 开发工具:如何计算加载弹出窗口并将其显示在页面上所需的总时间
- AWS S3 JavaScript 开发工具包 getSignedUrl 仅返回基本路径
- 是否有“”的键盘快捷键;暂停动画”;Chrome开发工具中的功能?(F12)
- 哪个webpack开发工具适合chrome应用程序
- 如何使用Chrome'查看窗口对象中定义了哪些变量;的开发工具
- Chrome在刷新应用程序后30秒以上没有响应(打开了开发工具)
- Chrome开发工具未捕获AJAX请求
- Chrome开发工具命中代码但未命中断点
- 无法在javascript中访问PHP数组,初始化为数组的javascript对象在chrome开发工具中最终为空
- Fetch元素鼠标当前指向的Chrome开发工具已启用