问题标签 [chrome-debugging]

我在 Windows 10 机器上，VS Code with WSL 2 (Ubuntu 18.04) 试图使用Chrome 调试器扩展，但无济于事。以下是我的launch.json：

每当我按 F5 时，我都希望看到我的index.html页面加载到新的 Chrome 选项卡中，但它所做的只是启动一个新的空白 Chrome 窗口，然后每隔大约 15 秒就会弹出两个错误。

我不太关心第一个错误，它说Google Chrome cannot read and write to its data directory: <VALID-DIRECTORY-ON-MY-MACHINE>. 过去一天半以来我一直试图解决的是第二个错误，它说

Cannot connect to runtime process, timeout after 10000 ms - (reason: Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:9222)

我在 Stack、GitHub、VS Code 开发网站等上尝试了很多解决方案，但没有任何帮助。在我的 Chrome 浏览器上，http://localhost:9222/json抛出一些我理解为意味着浏览器应该可以连接的内容：

此外，我还在我的settings.json:"remote.extensionKind": {"msjsdiag.debugger-for-chrome": "workspace"}基于此推荐。我还重新启动了我的机器，启动 VS Code，然后启动（不打开任何其他 Chrome 窗口）。

似乎所有应该工作的东西都没有，这意味着我可能在这里误解了一些东西。我的问题是，我在这里做错了什么吗？

我想使用在https://chromedevtools.github.io/devtools-protocol/tot/Input/中定义的 Input.dispatchKeyEvent API

此 API 的示例调用是：

我想从键盘快捷键标签动态生成这些 eventArgs，例如：

Ctrl + Alt + e

有没有人遇到过类似的转换功能？

• 修改器可以很容易地解析来创建我想的位图。
• 我不太确定 text、unmodifiedText、key 和 code 之间的区别。
• windowsVirtualKeyCode 我认为可以派生自'e'.charCodeAt(0)。

我可能会想出一些试错表，但如果有人在此之前看到/做过这可能会有很大帮助！

一段时间以来，我遇到了一个非常烦人的错误。它是动画在React-Native 应用程序的调试模式下无法正常工作。直到它们被执行大约需要 5 秒。在正常模式下一切正常。我不知道原因是什么，互联网上没有关于这个错误的任何有用的信息。所以我决定问你^^

笔记

• 如果你想看看这个 bug 的样子。我上传了一个短视频 https://www.youtube.com/watch?v=qxpOyIHeyQg

用过的

• 反应原生 0.62

• chormedebugger（也用react-native-debugger测试过）

• android (ios 尚未测试)

谢谢你^^

我正在尝试使用 VScode 调试我的 Angular 应用程序。如果我启动我的计算机，运行应用程序并立即启动我的调试器，它工作正常。

在我工作了一段时间后，问题就开始了，打开程序并在 chrome 中打开不同的选项卡等。

如果我尝试重复启动调试器的过程，则会引发错误。

无法连接到运行时进程，10000 毫秒后超时 - （原因：找不到匹配的有效目标：about:blank。可用页面：[“ http://localhost:9877/?id%3D580327 ”]）。

无论我是否重新启动 VScode，关闭所有浏览器或其他任何东西，都没有任何效果。我基本上必须重新启动我的电脑才能让它再次工作（不酷）。

这是我故意使用端口 4202 的“launch.json”

我目前正在调试一个更大的 asp.net mvc 解决方案。现在我很确定在 c# 中进行服务器端的 API 调用正在返回某种错误值。问题是，该项目有很多看起来彼此相似的 api 调用。

当我在浏览器中调试网站时，我已经习惯使用浏览器开发者工具的“网络”选项卡来查看所有由 javascript 完成的对 API 的外部调用，以及解决方案中的方法。

有什么方法可以概览在 c#/serverside 中发生的所有 api 调用，因为它们发生了？

嗨，我在 VS Code 中直接运行 Chrome 调试器时遇到问题。我正在研究 Linux Mint。这就是我的 launch.json 文件的样子：

现在我尝试运行调试器并且错误消息说：无法启动浏览器：“无法找到稳定的 Chrome 版本。可用的自动发现版本是：[“dev”]。您可以在 launch.json 中将“runtimeExecutable”设置为其中之一，或提供浏览器可执行文件的绝对路径。”

根据我的建议，我将 runtimeExecutable 添加到 chrome 可执行文件中，如下所示：

runtimeExecutable:"/opt/google/chrome/google-chrome" 现在错误消息说：

无法附加到浏览器。

我的机器上安装了谷歌浏览器版本：83.0.4103.116-1。

提前感谢您的帮助

错误 当前配置

嗨，我在 VS Code 中直接运行 Chrome 调试器时遇到问题。我正在研究 Linux Mint。

现在我尝试运行调试器并显示错误消息：无法启动浏览器：“无法找到稳定的 Chrome 版本。可用的自动发现版本是：[“dev”]。您可以将 launch.json 中的“runtimeExecutable”设置为其中之一，或提供浏览器可执行文件的绝对路径。”

根据我的建议，我将 runtimeExecutable 添加到 chromeExecutable ，现在错误是：

无法附加到浏览器。

我的机器上安装了谷歌浏览器版本：83.0.4103.116-1。

提前感谢您的帮助

错误：

当前配置：

概括

我有一个独特的情况，我们创建了一个（因为没有更好的术语）“micro-ui”作为一个 React 组件。UI 接收道具，因此它可以动态配置自己以在我们的几个更大的应用程序中工作。由于它在多个应用程序中使用的性质，我们决定将其作为导出单个组件的组件库分发。它的实现非常好，但是调试变得有点困难/不存在。

目前我们正在使用npm link在本地开发依赖应用程序，同时在宿主应用程序中运行它。这运作良好，但我们在源映射和获取断点捕获方面遇到了一些问题。我们已经通过一些 Webpack 配置解决了源映射问题，但是断点仍然不会在链接的依赖应用程序中捕获。目前调试器附加到正在运行的主机应用程序，并且依赖项应用程序只是作为本地依赖项链接。在一个理想的世界中，我将能够找到一个解决方案，允许我在主机应用程序或依赖应用程序中放置一个断点，并且它会在调试器中捕获。

迄今为止的尝试

我目前的尝试是直接在 vscode 中调试，我想我快到了。到目前为止，我已经尝试了多个版本的 launch.json 文件，并确定了一个在附加主机应用程序时运行良好的版本（如下所示）。

如您所见，我尝试将映射添加到 sourceMapOverrides 键，以查看是否可以将依赖项的node_modules文件夹显式指向依赖项项目根目录中的构建文件夹。我已经尝试了几种不同的映射方式，但它没有捕捉到链接应用程序中的断点。此外没有抛出明显的错误，所以我无法判断我的配置是否无效。我确定我遗漏了一些明显的东西，但是经过一整天的搜索后，我似乎找不到一个好的解决方案。

提前感谢大家的时间和帮助，如果您需要更多信息，请告诉我。

我正在使用 chrome 开发工具调试 nodejs 应用程序。我可以在应用程序处于调试模式时使用单击创建断点。但是我必须右键单击并删除断点。我无法再次单击删除断点。或者我必须从右侧的断点列表中删除它。应用程序是使用node --inspect-brk server.js命令启动的，以防万一。

Google Chrome 版本 -> 83.0.4103.116 (Official Build) (64-bit)
node 版本 -> v9.11.2
npm 版本 -> 6.14.5
macOS Catalina -> 10.15.4

示例数据片段： sZ:ADqtAZxSnZ6xU8hUKrEAL+OKQ9w4yLte28bSEP9+SCrrLOmiTiBj2Swrozz7K5ddA8uGGY0s/x+eMI7TR2SsjBa+kbzIlvH7gg==,,,,,,,,,,,Typed URLs,,,{"typed_url":{"hidden":false,"title": "ABC 网站","url":"https://[example][dot][com]",/","visit_transitions":["1073741824","1073741824","1073741824"],"visits": ["13233781772233286","13233781814559847","13233781838384902","13233781840069946"]}}

实际上，数据是否可以给出访问 URL 的时间或过去访问 URL 的列表？我正在尝试使用 google chrome 确定在 android 手机中调用各种支付 URL 的时间。

如何解码“visit_transitions”数据？它说明了什么？我发现了如何处理列为“访问”数据元素的“chrometime”。