问题标签 [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.
webstorm - WebStorm，使用之前运行的另一个任务设置 JavaScript 调试
在WebStorm 中，我可以非常轻松地设置JavaScript 调试，然后当我运行此配置时，IDE 会打开 Chrome 浏览器并且所有断点都处于活动状态。当我需要在开始调试之前运行特定任务（例如运行npm构建脚本）时，问题就开始了。当我在启动前定义它时（见下图），当我激活这个调试配置时 Chrome 浏览器没有打开，但在我停止它后打开。
这需要我从命令行手动运行项目，然后运行浏览器调试
我可以以通常打开 Chrome 的方式定义附加任务吗？谢谢你。
angular - 你如何调试 Visual Studio + Angular + Firebase + Chrome（浏览器或应用程序不安全错误）？
我正在使用 Visual Studio 调试需要通过 Firebase 进行身份验证的 Angular 应用程序。我已经安装了“Chrome 调试器”并且一切正常，直到......我需要登录通过 Firebase 进行身份验证。此时Chrome会打开一个新窗口（如预期的那样），但在尝试登录后我得到：
“无法让您登录此浏览器或应用程序可能不安全。请尝试使用其他浏览器。如果您已经在使用受支持的浏览器，则可以刷新屏幕并再次尝试登录。”
特别奇怪/令人沮丧的是，如果我在没有调试器的情况下运行应用程序，它似乎使用相同的 Chrome 安装并且我没有收到错误。
感谢任何帮助！
visual-studio-code - 在 wsl ubuntu 的 VS Code 中创建 React 应用并进行调试
我正在尝试使用 VS Code 调试在 WSL 中运行的 CRA 应用程序并遇到一个非常奇怪的结果。如果我在 VS Code 中设置断点 - 它根本不起作用。如果我在 chrome -> 源代码中转到开发人员工具 ->localhost:3000/home/user/project/src/components/Component我在那里设置断点，然后在 VS Code 中看到相同的文件，但文件的路径很奇怪\home\user\project\src\components\Component
我相信源地图有问题，但无法弄清楚到底是什么。如果我在 Windows 断点中运行相同的代码，则它们正在工作。
有没有人有在 WSL 中调试 VS Code 的经验？对这个问题有什么想法吗？
google-chrome-devtools - 有没有办法防止 chrome 访问 IndexedDB？
有没有办法阻止 google chrome 访问 IndexedDB ？
希望它在写入 IndexedDB 时测试错误...
google-chrome - Chrome 排队请求
上图显示 chrome 大部分时间都在排队请求。我试图弄清楚为什么会发生这种情况以尽量减少它。
根据chrome开发者文档：
正在排队的请求表明：
- 该请求被渲染引擎推迟，因为它的优先级低于关键资源（例如脚本/样式）。这经常发生在图像上。
- 该请求被搁置以等待即将释放的不可用 TCP 套接字。
- 该请求被搁置，因为浏览器在 HTTP 1 上的每个源仅允许六个 TCP 连接。
- 制作磁盘缓存条目所花费的时间（通常非常快。）
根据 chrome 开发人员文档，3 号似乎是最有可能出现的问题，但我知道一次只有一个请求发出，所以不可能。我也不认为它是第一名，因为性能监视器没有显示渲染滞后。也许它是 2 或 4，但我不知道如何测试它。
我已经包含了性能监视器的图片，它显示了系统中正在发生的这些长期任务。这些对我来说也是一个谜，似乎相关。
任何帮助是极大的赞赏！
编辑：似乎您可以在打开开发工具时禁用磁盘缓存，但这似乎并没有解决问题。
javascript - 是否可以在 JavaScript 代码执行的每个 console.log 语句上暂停 chrome 调试器？
每当出现 console.log 语句时，我想暂停 Chrome 调试器。这可能吗？如果可以，如何实现？
我知道我可以中断子树修改等。像我暂停的事件是向控制台发出的事件。
visual-studio-code - VSCode 中 Electron DevTools 中的开源文件
我正在运行一个 Electron 应用程序并使用 VSCode 开发它，并且我将调试设置连接到 VSCode，以便我可以在主进程和渲染器进程中调试断点。当我在 DevTools 控制台中收到错误消息时，我希望能够单击右侧的源文件并让它在 VSCode 中打开目标文件，而不是在 Devtools 的“源”选项卡中。这就是我所说的：
我不希望它在这里打开文件，而是在 VSCode 中打开：
这可能吗？如何？
python - pypi cproto（chrome调试客户端）在退出时挂起
使用https://pypi.org/project/cproto/，附加到在 Docker 容器中无头运行的 Chrome 上，我发现它有时会卡住（下面引用的示例不可靠 - 您可能需要运行它几次）：
这也发生在 Chrome 正常运行时，带有一个 UI，在 Docker 之外。
不管 Chrome 可能会处理什么讨厌的事情，cproto 库应该像这样陷入困境似乎有点“离题”。
有没有办法强制退出cproto？ （我在上面做错了什么，还是这是一个错误？）
vue.js - 在 chrome 中调试 Vue 不显示原始的 vue 组件
我是 Vue Js 的新手。我正在使用 Vue js 在 Laravel 7.* 中开发一个项目。
我的 Vue 项目结构
app.js 文件包含：
App.Vue 文件包含：
Webpack.mix 文件包含
bootstrap.js 文件包含：
HomeComponent.vue 包含
现在，当我想在 Chrome 中调试时，组件不显示原始组件
请帮我！我错过了什么配置我找不到。
问候