问题标签 [chrome-debugging]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
29 浏览

google-chrome-devtools - 在 Sources 面板中,Chrome Dev Tools 说变量未定义,但在控制台面板中,它有一个值

当我打开 Chrome 开发工具并在源面板中设置断点时,在断点处暂停时,Chrome 告诉我有问题的变量是undefined.

但是当我将该变量键入控制台时(虽然仍然在断点处暂停),但我得到了预期的正确值。

为什么会这样?

我制作了一个 GIF 来说明问题

Chrome 开发工具未定义问题

0 投票
2 回答
12636 浏览

macos - 在 Mac 上默认启用 Chrome 上的远程调试?

作为我常规工作流程的一部分,我正在努力让 VS Code 调试器附加到 Chrome。

我一直在运行 Chrome,备受推崇的 VS Code Live Server 扩展在我喜欢的新选项卡中打开我的项目。我希望能够将 VS Code 调试器附加到此实例,但看起来我必须从命令行启动 Chrome

几个问题:

  1. 有没有办法修改 Chrome 的配置文件,使其始终以该标志集开头?
  2. 这是一件愚蠢的事情吗?
  3. 我真的需要sudo上面的行吗?有些来源没有。
  4. 或者,有没有办法创建一个桌面/工具栏快捷方式到 chrome,它将启动它并启用远程调试?

谢谢!

PS 我看到了Windows 的相关 SO 问题

0 投票
0 回答
43 浏览

reactjs - Chrome 断点系统随机失败,直到重启

我可以使用 Chrome devtools 调试一段时间,但在某些时候我的断点停止工作。它们仍然处于启用状态(装订线中的深蓝色)。“调试器;” 语句仍然中断。退出并重新启动 Chrome 并不能解决问题,但完全重新启动我的机器可以。

这会为任何人敲响警钟吗?我还没有尝试卸载和重新安装 chrome。

Chrome 是今天的最新版本:版本 74.0.3729.169(官方构建)(64 位)使用 create-react-app,VSCode 可以提供版本 #s,但怀疑它们是否相关。

任何帮助表示赞赏!谢谢

0 投票
2 回答
1601 浏览

aurelia - 如何通过调试控制台中的“window”变量访问 Aurelia 对象?

我需要一种方法来访问 aurelia 制作的对象列表。

具体来说,我有一个名为 current-user.ts 的文件。该文件中包含以下代码:

我需要一种方法来访问这个变量的值。最好不调用任何函数。(我正在尝试将用户价值注入一个名为 Dynatrace 的应用程序中。)

我曾尝试浏览windowanddocument.body.aurelia.container类,但找不到获取价值的方法。

0 投票
2 回答
3437 浏览

google-chrome - 如何在 VScode 的开发人员工具中在控制台上获取 JS 的输出

我正在学习 javascriptvscode并使用liveServer扩展来让我的 html 和 js 在 chrome 上运行……我在“inspect element->console”中看到我的 js 输出,效果很好……现在我已经看到 chrome 开发人员工具集成在vscode,您可以从帮助中在 vscode 中打开它们,然后选择开发人员工具.....但问题是我没有在那里得到我的 js 输出......如何做到这一点......我正在从 youtube 上的教程中学习—— “ https://www.youtube.com/watch?v=W6NZfCO5SIk ” 他正在做我想要的时间戳 16:11(可变部分)的确切事情。

我尝试更改 liveserver 的端口并将默认浏览器设置为 null 最终打开边缘浏览器。

当我使用实时服务器扩展时,这一切都会发生。

我希望我的 js 输出,console但我得到这个:

当更改 js 文件中的某些内容时,它会说

虽然输出chrome非常好

0 投票
1 回答
2999 浏览

javascript - 如果任何端口 9229 有什么意义,可以更改吗?

默认情况下,当我运行本地节点服务器以在端口3000上运行它时,我被教导。

在阅读了关于设置为检查端口9229的 Chrome 节点调试器的教程后,我切换到了这个端口。

这是端口 3000 上的类似Q/A 。

这是教程

我可以如何将默认值切换为 3000 吗?

这样它将匹配我的 Express 本地端口:

还是将我的本地快递服务器更改为9229会更谨慎?

0 投票
1 回答
202 浏览

javascript - Chrome-Node-Debugger 中何时可以使用监视变量?

我有一个测试文件每分钟或每秒运行一次左右,具体取决于我的设置方式。

在此处输入图像描述

我在文件中的变量上设置了手表,但它们从不填充:

在此处输入图像描述

但是,我可以通过在文件本身中设置断点来填充它们。

只有断点才会填充变量。

此外,它只会在调用 setInterval 时填充,尽管 watch 变量是文件范围的变量 - count

在此处输入图像描述

我觉得这种行为很奇怪。计数应随时可用。

0 投票
0 回答
44 浏览

node.js - 如何使用 Chrome-Node-Debugger 捕获 Node.js 启动错误?

创建新的 Google 策略时,我在启动时出现错误。当我升级我的配置包时引入了这个错误。

我想在调试器中捕获错误,但除非 Node 启动时出现错误,否则调试器将无法连接。

错误发生在这里:

0 投票
0 回答
25 浏览

javascript - 即使通过 Node 调试器查看,ghost line 也不执行任何操作?

我有我见过的最奇怪的错误。我最近升级了我的配置包,我的谷歌策略开始失败。

我使用调试器来解决这个错误:

在此处输入图像描述

在调试器中,我遇到了应该设置内部授权 URL 的行:

在此处输入图像描述

我什至在它上面设置了一个手表(它是选项对象上的一个属性)

在此处输入图像描述

这是什么都不做的线的特写,我称之为幽灵线:

在此处输入图像描述

我逐行浏览了代码,但由于某种原因,那条特定的行什么也没做。

对于现实检查,我把它放在小提琴/复制中:

https://repl.it/@johnmorsey/OpenQueasyHashmap

我不知道更新我的配置包是如何导致 Passport - Google Strategy 中出现这个内部错误的。

在我看来,authorizationURL 显然是通过调试器中的“重影”设置的内部属性。但实际上我的应用程序正在崩溃 bc 的错误。

0 投票
2 回答
1818 浏览

google-chrome-devtools - Chrome 开发者工具中远程设备上的 Chrome 的检查按钮不可用

问题

所以我让我的手机在 Chrome 开发者工具的远程设备中显示为一个设备。

在此处输入图像描述

  • 缺少 Chrome 的版本
  • Chrome 中的标签列表丢失,这意味着
  • 检查按钮丢失

更多信息

  • 我在运行 DevTools 的笔记本电脑上运行 adb 服务器。
  • 当我的同事将他的手机连接到我的笔记本电脑上时,其他一切都保持不变,如上所述没有问题。工作正常。