从 Chrome 开发工具访问我的本地范围答案

【问题标题】：Accessing my local scope from Chrome Dev Tools从 Chrome 开发工具访问我的本地范围
【发布时间】：2018-09-04 20:14:30
【问题描述】：

我正在尝试在 Chrome 控制台中使用一些 JS，但是在拖放了我的本地文件夹后，我仍然无法访问我的方法和我的其他函数/变量。如何更改范围以访问它们？

这是我遇到的“未定义”错误的图像

【问题讨论】：

您是否从 HTML 文件中加载了to_do_list.js？
您是否尝试在没有 HTML 的情况下在 Chrome 中“运行”您的 javascript？您可以使用“控制台”选项卡...而不是使用文件系统模块。文件系统会将原始文件（在您的工作区中）与页面中注册的内容（打开的 html）绑定。见：developers.google.com/web/tools/chrome-devtools/sources
大家好，谢谢你们的意见。 @Barmar：我没有，现在只在控制台中工作，所以还没有链接。
@PedroRamon：我没有使用 HTML 文件。我确实打开了一些网络标签，但我认为这不是原因？我尝试在控制台选项卡和网络选项卡中的控制台的“抽屉”中运行我的命令，但无济于事......
在浏览器中查看 .js 文件不会执行它，它只是显示源代码。您必须从 .html 文件中加载它。

【解决方案1】：

在屏幕截图中，您似乎没有在任何断点处暂停，如果要检查函数的范围，则需要在要查看范围的代码部分中使用断点暂停代码执行。

【讨论】：