问题标签 [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 回答
38 浏览

angular - 调试器;调试时在 chrome devtools 源中跳过语句

在 Angular 12 项目中,调试器;调试时在 chrome 开发工具源中跳过语句。我可以调试。正在生成源地图。但只有通过手动设置断点,调试器语句才会被跳过。

0 投票
1 回答
176 浏览

javascript - node_modules 文件夹的框架忽略列表模式

在 chrome 调试器中,在 React Native 调试会话期间,我可以通过在源文件编辑器中右键单击并选择Add script to ignore list. 不是最佳解决方案。

我知道我可以使用框架忽略列表(设置>忽略列表)中的模式排除文件夹。不是精通正则表达式,我寻找了一个没有成功的现有示例。有人可以提供一个经过测试的示例,说明如何忽略与项目源代码无关的所有库,特别是/node_modules文件夹?

0 投票
0 回答
7 浏览

chrome-debugging - 阻止 Chrome 调试器进入库

有没有办法限制 chrome 调试器只显示项目文件并跳过在库中停止?我知道我们可以退出一个循环,跳过一个函数等等,但是当它进入任何库时,它需要在那里执行很多步骤,从而使它变得混乱。有什么办法过滤什么的吗?

0 投票
0 回答
13 浏览

chrome-debugging - 无法在 Chrome 开发者工具中查看问题标签

我无法在 Chrome Delevoper 工具中查看问题面板。在控制台面板中,它清楚地表明我有几个问题。但是当我点击问题面板时,没有显示。这是问题的图片

控制台面板

问题面板(不应为空)

0 投票
0 回答
67 浏览

windows - 在 Chrome 中调试无头环境

我正在 Windows 10 上开发一个 PHP 项目,并使用chrome-php在我的项目中启动无头 chrome。但是chrome没有启动。包裹似乎一切正常。所以我调试了这个过程,这是日志。谁能告诉我如何解决这个问题?

0 投票
2 回答
52 浏览

html - 无法将 css 调试器用于脱机 html 文件

我是新来的网络开发人员,如果我问这么简单的问题,请原谅我。

当我使用 CSS 调试器 chrome 扩展时,它们可以在网站上工作,但不能在浏览器中的本地 HTML 文件上工作。任何人都可以解释为什么和/或提供有关如何使其工作的解决方案吗?

0 投票
0 回答
32 浏览

google-chrome-os - Chromebook 调试功能在更新后关闭

我有一台启用了开发者模式的 Chromebook。当我设置它时,我启用了调试功能。我收到一条通知说 ChromeOS 需要更新,所以我重新启动它。当我重新打开它时,我无法写入系统文件。我已经多次恢复出厂设置,同样的事情一直在发生。(这是受管理的 Chromebook。)

系统信息:

Google Chrome 92.0.4515.162(官方版本)(64 位)

平台 13982.88.0(官方构建)稳定通道珊瑚

(如果您需要更多信息,我可以添加更多。)

0 投票
0 回答
12 浏览

javascript - 断点在第一行以外不可用

在我的 javascript/typescript 应用程序中,我突然无法在断点处调试和暂停。当我转到源选项卡时,我只能在第一行添加一个断点,其余部分显示为不适用,如下所示:

在此处输入图像描述

一个奇怪的行为是当我在文件中放入debugger;关键字时,dev-tools 调试器在该文件中停止但在第一行。

我已经尝试在浏览器中重新加载以清理缓存、删除构建node_modules和重建应用程序,但无济于事。

0 投票
1 回答
100 浏览

reactjs - 如何防止 React / React Native 在 React Native 调试器中自动将堆栈跟踪附加到我的控制台警告

我喜欢使用控制台来调试我的 React-Native (0.63.4) 应用程序。一段时间以来,React 似乎会自动将堆栈跟踪添加到我的console.warnconsole.error日志中。例如,Chrome 调试器中的日志如下所示:

从反应添加的堆栈跟踪的屏幕截图

正如您在屏幕截图中看到的,日志消息实际上是折叠的(见左上角的小箭头)。所以我假设除了“正常”堆栈跟踪之外,堆栈跟踪是通过 React 中的某个函数添加的。当我展开消息时,Chrome 调试器的“正常”堆栈跟踪出现在下面,例如

铬堆栈跟踪的屏幕截图

我确信这个功能可能会很有帮助,但是如果它们包含一些警告,日志就会变得完全难以辨认和混乱。因此我的问题是,有人知道如何禁用此功能吗?

0 投票
1 回答
36 浏览

jquery-ui-autocomplete - 如何使用 chrome 的检查器检查自动完成小部件?

我正在尝试使用jquery-ui 的自动完成小部件(1.12),它看起来很奇怪。

我发现这个问题有一些关于风格的建议,版本未知。

通常我会在 chrome 中打开页面,打开调试器,单击“在页面中选择一个元素以检查它(向上箭头 C)”的按钮,然后单击要检查的元素,我会查看所有样式。

但是,当我单击调试器选择时,自动完成功能消失了。如果我键入所以自动完成功能出现,调试器选择就会消失。与键盘快捷键相同的行为。

您如何检查 chrome 中 jquery-ui 自动完成结果窗口的样式?

编辑:我从来没有能够检查,但我确实得到.ui-menu.ui-menu-item工作,从这个答案