Chrome开发者工具在调试web应用程序时确实很棒，但是它们可以以编程方式运行吗？我在谷歌上搜索过这个话题，但我能找到的大部分东西似乎都有点过时了 我在jsPerf方面做了很多工作，它在较小的测试中工作得非常好。我希望获得相同的结果，但在真正的浏览器中运行真正的web应用程序 理想情况下，测试套件可以处理与web应用程序的自动化UI交互（单击按钮、提交文本等）。我还希望能够在代码中插入标志，在代码中运行给定的次数，然后解析日志等，以便标志能够提取准确的时间戳 这可能吗？我不认为我可以用chro

在Chrome开发者工具中调试断点时，是否可以忽略某些javascript文件？假设在这个网站上，我只想调试todoCtrl.js，而忽略所有其他的，比如angular.js 是的，您可以使用JS黑盒来实现这一点。此功能的文档将很快上线，但现在您可以在此处阅读WIP文档，了解如何执行此操作： 我正在google.com上尽我所能对其进行升级（点击评论中的第一个链接，而不是第二个链接），我是唯一一个认为白名单更有意义的人吗？

我在MacOS上使用Google Chrome的58版。当我尝试执行$'userName'类型选择器时，我得到以下结果： $('#userName') VM193870:1 Uncaught TypeError: $ is not a function at <anonymous>:1:1 (anonymous) @ VM193870:1 有什么我需要启用的吗？进一步调查显示，我正在开发的angular 2应用程序以某种方式击败了$operator。如果您遇到此问题，请首先

我已经在我的Android设备上安装了一个PWA，我想在我桌面上的Chrome上远程调试它。当我在Chrome dev tools中连接到我的设备时，我看到的只是Android设备上Chrome中打开的选项卡。我没有看到已安装的PWA实例-“添加到主屏幕”是否有任何方法调试已安装的实例 您必须使用Ctrl+Shift+I打开开发人员工具 然后转到更多工具->远程设备 在远程设备中，您可以查看可用的在线设备并单击该设备（在线设备可以是emulator，也可以是附加的移动设备），如果您想从移动设备

我有一个脚本来解析一个特定的网页。 当我将headless设置为false时，木偶演员不会加载页面 await page.goto('https://www.google.com', { waitUntil: 'load', // Remove the timeout timeout: 0 }); 我尝试了很多配置，比如： const args = [ '--no-sandbox',

在Chrome开发工具中，有没有一种方法可以在控制台中显示特殊字符（在JavaScript文件中使用console.log（）时，而不是直接在控制台中键入）？例如，如果我尝试console.log（“&clubs；”），它只输出字符串文字，而不是实际的clubs字符(♣). 如果您键入document.documentElement.outerHTML.includes（“在这些引号之间输入您要查找的内容”）控制台将返回“true”或“false”，并在右侧的HTML文件中添加一点上下文和行号，

作为安全策略，我希望在默认情况下保持登录到我的社交媒体网络，但我不希望在登录的浏览器中打开外部桌面链接。因此，我的默认浏览器模式是——incognito。我有一个问题，我已经弄明白了这么多 我想有一个书签，我可以手动运行在我的登录浏览器运行的信号应用程序 Chrome网络商店。我可以通过在匿名模式之外运行Chromium并点击webstoreLAUCNH应用程序来运行信号。我想使用开发者工具来捕捉这一点，甚至知道触发Signal应用程序的最终url是什么 我该如何反思这一点呢？我不太了解您的用例

他们不推荐使用Chrome中的属性面板。现在，我必须切换到控制台，输入console.dir（$0）并输入，而不是单击一次来查看属性！如果我想查看以下标签的属性，我必须返回“元素”，选择，然后返回控制台 然后，当您找到所需的属性列表时，它现在是水平方向的，而不是垂直方向的，因此需要更多的滚动。或者切换到完全控制台并丢失“元素”面板。我一直看着右边那些被浪费的空间，然后大发雷霆 这会适得其反，所以我假设还有其他方法可以浏览元素的属性。但是我找不到它 在Chrome开发工具中是否有一种有效的方式来浏

在devTools中是否可以恢复到旧的颜色语法？ 最近，我使用颜色选择器获得rgb（101、84、32、0.65%）而不是rgb（101、84、32、0.65%）。 试图重置所有devTools设置，但运气不好…没有办法。

有没有办法从Chrome导出javascript评测信息 如果能够生成javascript代码的perftools样式的报告，那将是一件非常棒的事情。console.profile（'mytest'） //做事 console.profileEnd（'mytest'） console.profiles[0]//表示分析数据的obj

如果你使用了很多厂商的前缀，并且有很长的属性值，Chrome的开发工具几乎无法使用 有没有办法告诉开发工具不要显示“未知属性值”（例如带有三角形的属性值）？您可能不想完全隐藏所有无法识别的样式属性，因为这样很容易意外忽略错误 您可以通过自定义用户样式（它不是扩展）自定义开发人员工具 首先找到配置文件目录，然后输入用户样式表子目录。您将找到一个名为Custom.css的文件。编辑此文件，并添加以下内容： 编辑：自定义用户样式已从Chromium中删除。要更改开发人员工具的外观，可以使用新的chr

在Chrome32的控制台中哪里可以查看CSS警告 我可以在Chrome31的控制台中找到它，如果我在过滤器菜单中选择“CSS”。但是，我在Chrome32的控制台的同一位置找不到它。这是在2013年11月他们重新进行控制台过滤时删除的。还没有关于它何时/是否会回来的消息 相关线程：

我喜欢ChromeDevTools的“设备模式”移动仿真。但是我想在测试环境中使用它 Chrome有一个可通过端口或Chrome.debugger扩展API访问的调试协议。我可以通过它启用仿真吗？首先，Chromedriver提供了一流的功能： 从中，可以使用命令初始化基本的移动仿真特性 查看一些示例代码。您知道在网格中使用的Chromedriver是否支持触摸操作吗？不能让它工作。

Chrome开发工具中是否有缩进代码块的快捷键 我习惯于在coda2中使用Command+]，但这只会在Chrome开发工具中切换窗格。突出显示代码（无论是一行还是多行）并点击Tab会使所有行缩进并加亮显示。按Shift+Tab键将取消突出显示的行的缩进 整行不需要突出显示，只需在行上至少显示一个字符。突出显示代码（无论是一行还是多行）并点击Tab键将所有行缩进突出显示。按Shift+Tab键将取消突出显示的行的缩进 整行不需要高亮显示，只需在行上至少显示一个字符。此外，您可以在DevTools

我需要在一个文件夹中的整个文件，所以我希望下载该文件夹 这目前不受支持。这个问题过去在这里得到了回答：

当我在控制台设置中取消选中“保留日志”时，我没有看到下面的错误。为什么它们是相关的 启用“保留日志”时，控制台将保留消息，直到您明确清除它。禁用时，控制台将清除页面加载时的消息 所以，看起来有一些代码在您导航到新页面之前运行，并且该代码抛出了一个错误。因此，虽然从技术上讲，错误在两种情况下都会显示（在一瞬间），但当禁用保存日志时，它可能只是在你可以用眼睛看到之前被擦除。因为页面正在刷新…@epascarello如果刷新是原因，那么它最终应该会在一段时间后显示出来。没有，为什么？出现错误时，页面

Chrome开发工具用于按字母顺序在“范围”窗格中显示属性。例如，请参见此处关于“Google Chrome中源代码中的范围”选项卡的屏幕截图： 然而，我现在看到的是： 有人知道怎么按字母顺序排序吗？还有人看到这种行为吗？SO和Google上的搜索结果都没有显示这一点（除了说为了方便起见，它会按字母顺序排序） 我在多台计算机上看到了这一点，包括Windows和MacOS，但我没有安装任何插件或任何东西 我正在运行Chrome 79.0.3945.117版（官方版本）（64位）更新： 83.0.

我的代码 var=false； var imageElement=document.getElementById（'cat'）； load（）.then（函数（net）{ const pose=net.estimateSinglePose（imageElement{ flipHorizontal：对 }); 回身姿势； }).然后（功能（姿势）{ 控制台。日志（pose）； }) 很少使用HTML和JS，几乎忘记了最基本的东西，有人能指出我的傻瓜吗？错误信息附加 DevTools无法加载So

在“元素”选项卡上，“查找”功能（cmd+F/ctrl+F）不会在“样式”窗格中搜索。有没有办法在选中HTML元素的情况下键入CSS属性并在样式面板中快速找到它？不幸的是，当前的Chrome开发工具中不存在这种功能。 但它现在出现在Opera Dragonfly中，而且非常方便，因此，Chrome最终可能会复制它（但现在不存在这样的功能要求）。右下角，浅灰色文本显示“在样式中查找”。单击此处并输入您的搜索。 尝试在Elements选项卡上使用CTRL+Shif+F在Mac上最新的Chrome浏览

这个问题在上周开始出现 “开发工具”背景变为淡橙色，当前选定的“源代码页”选项卡上显示黄色警告标志 我无法在源选项卡之间进行选择，无法使用鼠标滚轮滚动CSS，并且由于我键入CSS的速度非常快，每次页面背景变为橙色时，我通常会丢失一行或两行CSS 现在真的开始烦我了 唯一可以修复的方法是关闭浏览器并重新启动，但这只会持续几分钟，直到再次发生。直到两周前，这种情况从未发生过 这正常吗？这发生在其他人身上了吗 版本33.0.1750.146 m有一个新的更新，更新为33.0.1750.149 m。也

AngularJS应用程序在桌面上运行良好，但在移动设备上无法正确渲染，实际代码正在显示。这是安卓手机 我想看看控制台中显示了哪些错误 是否可以像在桌面上一样在移动设备上的chrome应用程序上打开JS控制台？您可以使用远程调试来完成此操作，下面是。基本流程： 连接你的android设备 从pc/mac上的开发工具中选择您的设备：更多工具>检查设备*。 在你的手机上授权。 调试愉快！！ *这现在是远程设备。如果您只想查看控制台中打印的内容，只需将打印的部分添加到HTML中的某个位置，即可将其显示

比如说，如果页面有加载选项，并且我在加载之后多次单击加载，那么如果我按ctrl+u，它确实会得到最终的加载编号值，但它会忽略所有的加载单击。而在开发者工具（带有inspect）视图中，我们得到了所有东西，但没有行号。在这种情况下，如何获取行号？任何社交网站都是一个例子。我试过了research gate和facebook，在那里你可以分别获得网络中的人的名单或实时订阅。可能是重复的

我已经在Chrome开发工具的时间线选项卡下的预览窗格中看到了paint profiler。现在Chrome已经将时间线选项卡更新为性能选项卡，我找不到paint profiler。我已经检查了摘要窗格和预览窗格 我已经附加了一个屏幕截图后，点击绘画活动。在堆栈溢出中，答案是查看预览窗格。绘制探查器既不显示在预览窗格中，也不显示在摘要中。 另外，中的答案特定于与时间线选项卡相对应的早期版本的开发工具，而不是更新的性能选项卡 可能重复的-使用。我已编辑了问题并解释了为什么我的问题不可能重复。我还

当鼠标在调试模式下移动到变量上时，弹出窗口会定期阻止进一步的工作。只有重新启动才有帮助。 如何解决这个错误？可能会禁用弹出窗口吗？可能是今天在 如果您在Mac或Windows上工作，您可以在Canary build中检查固定版本。 否则，您必须等到它被包含到dev和其他构建中

直到最近，当Chrome调试器在断点上暂停时，如果鼠标悬停在上面，JavaScript变量、数组或对象的当前状态会在黄色对话框中弹出。虽然我不知道发生了什么变化，但这已经不起作用了。还有其他人经历过吗？这使得在这台计算机上调试变得更加困难。我的另一台计算机在Chrome开发工具（都是Windows 7机器）中仍然具有正常的行为。提前感谢。这在后来的Chrome版本中得到了解决，不再是问题。同样的事情在19年12月16日发生在我身上，版本79。但在铬金丝雀中，它运行良好。需要的人可以下载它（你现在

在chrome开发工具的网络部分，是否有任何扩展能够提供一个新的专栏，即XHR？如果没有，是否有扩展chrome以显示一个新列的例子，该列的值被推断为显示请求是否通过XHR发起 我知道Chrome提供了“记录XMLHttpRequests”和“XHR”过滤的功能；应该很简单，但还没有找到解决方案 注意-这是一个问题，因为我已在chrome开发工具的网络选项卡上启用了“保留日志”选项。现在有一个类型列，它的响应类型为so文档，用于初始html请求，以及类似脚本，样式表，pngjpeg。。。它还为x

有没有一种方法可以像firefox一样在chrome中突出显示并保持突出显示的元素 通常，当我操作样式时，我必须突出显示一个元素 只需将鼠标悬停在选择器上即可。这就是问题所在：我不想让鼠标停留在选择器上，有时让一个元素处于选中状态，而操纵另一个元素。这是唯一的方法。你可以用键盘来操纵其他元素。是的，我现在就是这样做的，但这并不舒适和方便。我希望dev tools插件中有什么东西……只要将鼠标悬停在选择器上就行了。这就是问题的关键：我不想让鼠标停留在选择器上，有时让一个元素保持选中状态，操纵另一个

每当我打开控制台时，此按钮始终处于选中状态。每次我都需要取消选中该框。我希望在默认情况下禁用该框 按cmd+option+J打开开发工具 单击右上角的3个点 点击设置 在首选项中向下滚动 查找网络 取消选中禁用缓存框

好的，我知道我正在处理的页面上有一些问题。但我不需要每次刷新时都发出警告。它占用了太多的空间。我怎样才能关掉它 您似乎已经在devtools设置中启用了问题面板实验，所以只需禁用它即可。您是对的。我不知道我的Chrome是beta版。谢谢。此功能不再是测试版。问题依然存在，仍然令人讨厌。有人知道如何关闭它吗？是的，这个“制作好网页”的美德现在有点过分了。

在Chrome（32.0.1677.0版canary Aura）中，我在开发者工具设置中找不到覆盖选项卡/页面。（它以前放在“常规”和“工作区”选项卡之间。他们是否移动了它，或者我忘记启用了什么？点击Esc打开控制台抽屉，然后您可以通过左侧的抽屉菜单打开传感器选项卡 传感器提供地理位置和加速计设置 此外，较新版本捕获了移动设备仿真的基础知识 似乎只有在从其他工具选项卡之一打开Console时，才可以从Console使用“仿真”按钮。例如，“源”或“元素” 转到“元素”，单击“显示控制台”图标。

有人知道有没有办法将CSS属性的默认2空格缩进改为4空格 比如说。由此： div { color: red; } 为此： div { color: red; } 从现在起，我必须重新删除所有复制/粘贴的代码 ================================================================= 更新： 我正在使用Pycharm，但请记住，我正在从Devtools（复制/粘贴）迁移样式。我不是在用Pycharm编写CSS。我可以看到在Py

我有一个基于React的Electron应用程序，它在启动的前15秒到2-3分钟运行速度非常慢。我正在尝试跟踪问题，因此打开devtools，转到“性能”选项卡并单击记录● 按钮显示录制内存已被占用多少的条形图填充得非常快，比大多数应用程序快得多，因此我会尽快停止它（在1/8到1/4之间，然后是整个条形图），通常在1秒或更短的时间内停止。然后，Chrome/Electron需要30-40秒来解析/处理数据，然后再显示任何内容，但当它完成时，几乎什么也没有显示 有这样的已知问题和已知的解决方法吗

我们正在开发一个渐进式的Web应用程序，服务工作者（通过fetch事件处理程序）会为其拦截网络流量。我们已经注意到，有时某个请求在这里失败，因为request.cache仅当cached和request.mode是同一来源的非cors 因此，它类似于 然后我注意到，只有当Chrome（v65）DevTools没有打开时才会发生这种情况。有没有人注意到同样的现象，有没有人有想法，为什么会这样 请求的部分内容： bodyUsed: false, cache: "only-if-cached", cr

我有一个网页，我正试图在ChromeV67.0.3396.62中调试。页面间歇性地失去响应，Windows任务管理器和Chrome的内置任务管理器都显示出100%的CPU使用率[在单个内核上] 这个问题不会以任何可靠或可复制的方式发生-我可以几天不出问题，然后几个小时出现问题，并且必须结束制表过程，以便在每次加载页面时重新使用它 在这个问题发生期间，我设法使用Chrome的“开发工具性能”选项卡捕获了一个性能概要文件。但是，概要文件显示该进程大部分处于空闲状态 什么会导致开发工具性能评测无法捕获

我正在使用immutable.js库进行一个javascript项目。 要将来自该库的任何对象打印到chrome控制台中，我使用控制台设置中启用的“启用自定义格式化程序”选项 所述打印对象不可读，如此屏幕截图所示： 我试着重新安装chrome，重新安装分机，关闭其他分机，似乎什么都不起作用。 需要注意的一点是，当我更改抽屉的位置时，它可能会在控制台中的记录仍处于折叠状态时显示一些数据，但每当我单击它以通过展开它来获取更多详细信息时，所有内容都会消失，在屏幕截图中看起来就像我在自己的安装中看到的

正在尝试使用Chrome devtools进行调试，但我的断点不起作用。如果我放入调试器语句，它会触发一个断点，但devtools本身似乎无法在用鼠标设置的断点处停止。这似乎是dev工具的一个新特性，因为它在过去已经起作用了。有没有其他人成功修复了chrome的这个问题 我正在使用webpack构建应用程序，该应用程序以CreateReact应用程序启动 @boatcoder——我也遇到了同样的问题，代码使用CreateReact应用程序运行 我能够设置断点，当遇到断点时，它们会停止执行，但在动

在“源”面板中编辑文件时（我已经设置了工作区并将文件映射到系统资源），是否有方法自动完成HTML标记？例如，我键入，DevTools会自动创建结束标记（），或者我按键盘快捷键插入结束标记 不，此功能在DevTools中不存在 允许开发人员启用自定义扩展，从而允许这样做

在我的service worker获取事件中列出index.html文档时遇到问题。因此，如果我打开一个新选项卡并转到我的开发服务器，我会在ServiceWorkerFetchEventListener中看到作为请求URL列出的文档 self.addEventListener("fetch", e => { console.log(e.request.url); }); 这是输出 好的，一切按计划进行。但是当我刷新页面时，我看不到根请求或“/” 对于index.html 我正在做什

是否有一种方法可以使时间轴在页面开始加载时准确地开始录制？我觉得必须先按start然后刷新页面很烦人，因为这会在时间线的开头添加一些垃圾信息。没有这种方法，但可以使用键盘快捷键 CTRL+e用于开始/停止录制 CTRL+r用于检查页面重新加载 在DevTools（Chrome 47）中选择此选项时，您可以找到所有可用快捷方式的列表： 所有快捷方式都可以在此处找到：

我成功地使用了Chrome canary 28版引入的“工作区”功能。。。 更新到29.0.1547.57 m版后，我找不到使该功能再次工作的方法 我主要使用它来编辑css文件，它们不会像以前那样保存更改 我的笔记本电脑也受到同样问题的影响 “源面板中的文件系统文件夹”选项也不存在。正如您在以前版本的教程中所看到的。我发现了这个问题 在它被设置成这样之前 Folder : D:\xampp\htdocs\mysite.dev 映射 Url prefix : http:\\www.mysite.

我想知道是否有可能以编程方式管理DevTools仿真？ 我需要在IPhone6模式下自动启动浏览器。没有手动切换模式 谢谢大家! 通过向调试器发送命令，您可以通过远程调试来完成此操作。看看这条线，看看它是否有用。

我正在尝试调试运行在qt webkit上的应用程序。如果我使用--remote debug port=命令行参数运行应用程序，我可以在chrome浏览器中访问开发工具，但根本无法使用控制台 我根本无法在控制台中发送命令。我尝试过在上面构建其他应用程序，但问题也存在。其中一个应用是facebook emessengerfordesktopapp 是否有人知道如何解决此问题，或者您是否可以提出一种方法，在不使用控制台的情况下从应用程序发送命令。我不知道为什么这样做不起作用，但我找到了一种解决方法。

我在分析bbc的网页，我注意到一些简陋的声音。我找到了罪魁祸首JavaScript文件，它的卷轴上有一个观察者。我做了改变。但是，当我重新加载页面时，所有更改都消失了 我本可以使用工作区，但因为我没有bbc代码，所以我不能使用它 我的问题是，在对文件进行本地更改后，我如何告诉chrome devtool使用此更改的文件，然后重新加载页面，以便再次执行性能评测。此功能是一个本地覆盖实验。但是，它还不稳定（一些测试人员报告它只是使浏览器崩溃），因此不建议使用现在的实验。实际上，在稳定的Chrome开

ChromeDevTools有一个“命令菜单”（Ctrl+Shift+p），它提供了拍摄站点/所选节点的屏幕截图的能力。有没有办法通过devtools控制台访问此功能 有没有办法通过devtools控制台访问此功能 这里是DevTools技术作家。狭义地回答你的问题，不，这是不可能的 木偶演员是自动截图的一个很好的解决方案 奇怪的解决方法：将devtools移入窗口，按Ctrl-Shift-i打开devtools上的devtools，打开其控制台并运行Emulation.DeviceModelV

突然，我开始在我的Google Chrome开发者控制台上收到这些消息。我想我不小心启用了某些功能 VM81:1 No beacon 52501 VM81:1 Next in ... 24000 VM81:1 No beacon 53776 VM81:1 Next in ... 48000 VM81:1 No beacon 57503 VM81:1 Next in ... 96000 VM81:1 No beacon 64503 VM81:1 Next in ... 192000 VM81:1

如图所示，我想知道是否有一个键盘快捷键可以逐个或批量关闭这些选项卡 AltW或OptW（Mac）关闭活动选项卡。看 CtrlShift或⌘ShiftP然后键入clo，它将显示“closeall”命令 右键单击选项卡名称>选择全部关闭

问题 所以我的手机在Chrome开发者工具的远程设备中显示为一个设备 但是 缺少Chrome的版本 Chrome中的选项卡列表缺失，这意味着 检查按钮不见了 更多信息 我的笔记本电脑上运行着adb服务器，我正在运行DevTools 当我的同事将他的手机连接到我的笔记本电脑上时，其他一切都保持不变，没有出现上述问题。工作正常 可能会有很多事情出错。只要检查一下这些东西，也许可以帮助你- 将两个chrome应用程序更新至最新版本（Android和桌面） 检查是否可以调试在chrome中打开

我使用以下命令创建了项目vue init nativescript vue/vue cli模板 这是我用来调试ns debug ios/android的命令 这在以前的开箱即用版本中使用 经过研究，我发现这个domainDebugger.getNetwork（）返回undefined（不知道这是否是原因，如果是，如何修复） 它位于这里：node\u modules/@nativescript/core/http/http/request/index.ios.js 添加了当前的JSON包 “依赖

有没有办法在不重置完整配置文件的情况下重置chrome开发工具 我在这里描述了问题： 我想知道是否有一个更具选择性的修复，而不丢失书签、历史等等 我试过了 及 这没有帮助请提交错误报告。这当然不应该发生，如果这是常见的问题，那么应该进行内部分类，以了解发生了什么。 cd Local Storage rm *theSiteAffected*

在我的木偶测试中，我试图使用以下两个查询选择器访问下面突出显示的元素。两个人都不工作 document.querySelector'div[class=slick cell l1 r1][title=08787001]' document.querySelector'div[title=08787001]' HTML: 仍然没有结果。我不能把逗号放在属性之间，因为它把它看作是或者给了我不同的元素。< /P> 解决方案是什么？正确的选择器是： document.querySelector'div.