当我在Chrome Dev中使用网络面板上传多个文件时，工具会对两个不同的请求显示相同的响应。网络面板中的标题数据也不同： 但真实数据是可以的。Firefox Firebug显示真相响应 这是已知的错误吗 p、 美国的Chrome版本是：21.0.1180.89 m可能，我有类似的东西，但通常当我打开和关闭控制台时，它会工作不适合我：。当我切换DevTool-网络面板刷新时。情况再次发生了变化。

我发现自己经常在控制台中输入javascript。例如，如果我更改某个对象的属性，我很快就会希望看到结果。然而，每次我刷新页面时，我都必须重新定义我的变量等。我使用up键来完成这项工作，因此我不必重新键入，但这需要花费大量时间。我想知道其他人是怎么做到的 最酷的是像sublime text这样的环境，你可以在其中编写多行代码，然后直接在浏览器中执行。。。然后仍然有一个对象的所有方法的自动完成列表（就像在控制台中一样）。显然，这是不可用的，但我对其他人在控制台中键入javascript时的工作流程

当开发工具停靠在右边时，它的侧面有一条3px宽的白线。我花了一个小时寻找CSS中的错误，因为我认为这是某个地方的填充/边距问题，但发现它总是存在，无论我浏览哪个网站。有人知道有没有办法摆脱它吗 屏幕截图：我的2美分，你不能扔掉它，所以如果它让你那么烦，那么，先睡一觉，第二天早上再想一想，在你对浪费的时间不那么恼火之后：） 或者将“开发工具”窗口作为单独的窗口取消锁定 3px边框是UI的一部分，如果没有它，你就无法调整插件窗口的大小，不是吗？它已经困扰了我好几个星期了。灰色的1px边框应该足以调整

根据下面的屏幕截图，我看到了计时器触发的事件，每个事件都不会花费太多时间（每个事件约1.5毫秒），但它们之间似乎有一个我想理解的延迟 它们在lidar.js:19中似乎都有一个函数调用。此lidar.js文件已压缩，因此我无法读取。我也不是这个文件的开发人员，但我想告诉他们应该在哪里查找，以减少这种延迟。目前，他们声称这种滞后不存在 根据下面的屏幕截图，我看到了计时器触发的事件，每个事件都不会花费太多时间（每个事件约1.5毫秒），但它们之间似乎有一个我想理解的延迟 从屏幕截图上看，在处理lid

我所指的时间轴面板部分在下图中以红色突出显示 我假设每个条代表一个资源。每个资源的浅色和深色部分代表什么？蓝色、黄色和绿色资源代表什么？颜色表示如下： 蓝色是HTML 黄金是脚本 紫色是一种时尚 绿色是媒体 灰色是其他/杂项请求类型 目前可在的第428行找到 条形图中较亮的区域是等待请求所花费的时间。暗刻度是进行内容的传输所花费的时间。这是通过查看TimelineEventOverview文件的方法发现的。 这来自铬源项目： 及 源代码链接timelineuils.js不再有效，但“性能

我正在使用chrome开发工具优化网站的性能，有人能解释一下粉色区域（在屏幕截图底部）是什么吗 当我向下/向上滚动网站时，粉红色块区域始终显示 这是我的chrome渲染调试开关的状态 谢谢 在Chrome Canary最新更新到85.0.4152.0之后，我也遇到了同样的问题 不确定哪些特定站点将触发此事件，但1密码界面完全为粉红色 在最新的Chrome Canary更新到85.0.4152.0之后，我也遇到了同样的问题 不确定哪些特定站点将触发此事件，但1密码界面完全为粉红色 我从未见过

我正在使用Chrome开发工具尝试计算从单击事件到绘制显示隐藏面板所需的时间。使用Chrome开发工具，我记录了从用户单击按钮到隐藏面板绘制的时间。在附加图像中，顺序如下：事件单击642ms+更新图层树44ms+绘制6.69ms 考虑到性能，与谷歌的RAIL模型相比，交互速度似乎较慢。我只是想知道我的计算是否正确 你的计算方法似乎是正确的。目标是测量用户操作与页面向用户显示响应之间的时间。因此，在本例中，click事件的开始表示用户的操作，Paint活动的结束表示页面的响应 您还可以单击+按住

我试图建立一些类似于木偶演员的东西，但在C 当执行page.waitForSelector时，我观察到以下消息在Puppeter和devtools之间交换。我看到Puppeter总共发送了5个请求，devtools发送了5个响应，如下所示 我无法理解req1中发生了什么。它正在发送一个javascript。通过向devtools发送javascript实现了什么。executionContextId的值是4，其中来自Puppeter的值是4 它是否与AddScriptToEvaluationOn

没什么大不了的。我已经黑盒了所有jquery脚本，但我也不希望它们在调试期间在Sources选项卡中打开

我对构建一些基于Javascript的交互式计算环境感兴趣，比如REPL、笔记本和调试器。在您的运行时环境中获得完整性很重要-类似于Chrome开发者工具控制台的功能。我希望利用而不是重新发明这（伟大的）作品 Devtools代码是可扩展的。有没有关于这个逻辑的核心在devtools前端的指针 尽可能利用现有工作的最直接方式是什么 也非常欢迎对替代实施/方法的建议 在搜索“autocomplete”时，整个源repo中只会弹出一个相关文件，它是JavaScriptAutocomplete.ts。

我正在一个样式表中写评论，所以我一行一行地浏览样式表，例如，我有一个名为#main的样式，我使用搜索工具在工具中搜索它，但这只搜索当前页面而不是所有页面，有没有一种方法可以搜索整个站点的所有实例 或者我可以使用其他工具来执行此操作吗？在所有来源中查找 Windows上的CTRL-SHIFT-F和Mac上的CMD-OPT-F 升级Chrome开发工具游戏的一些资源： 艾迪·奥斯马尼在谷歌+ 断点谷歌开发者视频 Chrome金丝雀-获得chromes新功能的飞跃 请参阅我在本帖中的答案：

我正在尝试解决一些UI问题，我认为这些问题与我在主线程上发出的XHR请求有关。但是，当我查看网络选项卡时，我看到大量后台工作程序请求，很难准确地看到哪个请求来自何处 是否有任何方法可以过滤网络请求，以便我可以查看该请求是由后台工作线程（如果是，是哪一个）还是主线程发起的 我将“启动器”列添加到我的网络选项卡中，但它只显示“其他” 提前感谢您提供的任何帮助“后台工作人员”您指的是网络工作人员（window.worker），对吗？是的，很抱歉没有说得更具体。

在Windows 10中输入以下命令并启动无头chrome版本时，不会发生任何事情（带/不带扩展）： 它只是静静地返回到命令行，我找不到任何pdf文件 有没有人遇到过同样的问题并设法解决 我正在使用：Google Chrome 63.0.3239.84（官方版本）（64位）（队列：63_win_84）我遇到了这个问题 我的解决方案是下载Chrome的金丝雀版本。 然后将安装到C:\User\userName\AppData\Local\Google\Chrome SxS\Application

我的chrome浏览器有一个非常奇怪的情况，在我右键单击并选择“inspect”后，inspect元素根本不显示，甚至在我使用快捷键“Ctrl+Shift+I”后，它仍然不显示，到底发生了什么 我查过了“chrome://flags/“调试打包的应用程序”，它向我展示了“启用”我的chrome浏览器到底是怎么回事？我使用chrome“68.0.3440.106（官方版本）（64位）” 我遵循了另一个网站的一些指示，但仍然没有显示“检查”窗口 下面是我为解决这个问题所遵循的一些链接 请帮助。就

我尝试使用ChromeDevTools为Android应用程序执行SQL查询，但这是不可能的，因为enter按钮将光标移动到下一行，而不是执行命令。它在一段时间前起作用了 我重新安装了Chrome，删除了所有Chrome数据并重新安装，使用了Chrome浏览器，但仍然没有结果 DevTools的所有其他功能都正常工作，例如网络、数据库预览 不同的应用程序和设备都会出现这种情况 有人能帮忙吗？这是新版Chrome中的一个bug。到目前为止，我找到的唯一解决办法是下载早期版本71，例如从这里： 您

我不确定这是否是询问的正确位置 我经常使用Chrome开发工具进行调试。现在我看到有一个新的标签“Lighthouse”，我开始生成一个报告 它把我的网页变成了移动视图。当我关闭DevTools时，它会重置，但每次我重新启动Chrome DevTools时，它会自动将网页转换为移动视图 如何在仍然使用DevTools的情况下停止此lighthouse报告？虽然这是关于使用软件的问题（因此可能在superuser.com上），但回答起来很简单，因此我将回答，然后投票结束此问题 在开发者工具窗口的左

我只是想知道是否可以只在Chrome开发工具的网络选项卡中显示来自特定域的流量？只需键入部分域并选中筛选框。此外，您还可以通过右键单击顶部打开“域”列： 是，您可以通过在筛选器框中输入domain:localhost按localhost域进行筛选，例如： 注: 过滤框具有自动完成功能，可以帮助您解决问题（这就是我发现此功能的原因） 也有助于按请求类型/文件类型进行筛选，例如XHR 现在，您可以在过滤器中使用域，如下所示： 域名：yourdomain.com 对于按域筛选，请在筛选框中键入Do

当Chrome在调试器模式下暂停而不取消暂停时，有没有办法在页面上向下滚动？如果您的工具已停靠，您可以取消停靠以查看更多内容 另一种方法： 转到“元素”选项卡 右键单击任何可见的元素（即不隐藏、显示：无等） 选择“滚动查看”上下文菜单项 如果有必要，Chrome将滚动页面以获取窗口可见部分的元素 摘自 滚动锁定的一个简单解决方法是跳转到控制台，然后： 窗口。滚动到（0800）。（根据需要更换800）要启用滚动，请在控制台中输入： document.body.style.overflow='aut

我在Plunker中创建了一个javascript文件，我想调试它。当我打开“源代码”面板时，我看不到我创建的js文件。我只看到很多Plunker js文件。请给我一些建议。谢谢您有两个主要选项可以深入到您创建的源文件 1。使用预览面板的弹出窗口模式 默认情况下，预览程序在plunker webapp中的中运行。通过单击预览窗口右上角的蓝色展开图标，可以要求plunker在单独的窗口中显示预览器。如果在弹出窗口中打开开发工具，则只会看到源文件 2。右键单击预览并点击inspect元素 这样做可以

我使用Chrome，开发工具停靠在窗口的右侧。当通过拖动中心分隔线调整视口大小时，Chrome用于在窗口的右上角显示视口尺寸。我总是发现它对测试响应性网站和媒体查询非常有用 自从最近的一次更新以来，这种情况已经消失了。有没有办法重新打开它 我在Mac上使用的是最新版本（49.0.2623.87版）。如前所述，这是一个bug。目前，我一直在使用的一种廉价解决方法是将以下内容放入您的控制台： window.addEventListener('resize', function(event){ c

多年来，我一直使用google chrome作为主要浏览器来开发和维护多个网站的UI，但是，从昨天开始，我现在面临着DevTools中“元素”选项卡的问题 在所有网站上，它都能正常工作，但是，在我本地工作的单个网站上，它的显示不正常，请参见屏幕截图以获取参考 在我的网站上出现之前，我已经尝试将所有的更改都反转，以确保它不是从我这边来的， 我已经关闭并打开了选项卡， 我重新启动了chrome 有人知道为什么会发生这种情况吗？打开devtools settings并单击“恢复默认值”。如果没有帮助

使用资源计时API时，我们能够为页面加载期间下载的每个资源返回PerformanceResourceTiming对象： const po=新性能观察者（（列表）=>{ list.getEntries（）.forEach（（条目）=>{ 控制台日志（条目）； }); }); 观察（{type:'resource'，buffered:true}）； 下载资源时打印以下数据对象： PerformanceResourceTiming {initiatorType: "img", n

我有一个网站，它使用CacheStorage API使用服务人员保存各种文件。由于我无法控制的原因，这些文件中的很多都从加载它们的服务器上丢失了。然而，我刚刚意识到数百个文件已经被缓存在一个浏览器中，这个浏览器已经访问了很多年了（幸运的是，该站点在正常运行后没有清理缓存）。我可以使用chrome的开发工具预览文件，但当我单击“下载”时，它会尝试从服务器（不再存在）下载副本，而不是给我本地缓存的版本 一次性导出这些文件的最简单方法是什么（记住有几百个）？我可以完全访问运行浏览器的计算机以及运行站点

有没有办法让Chrome调试器在运行到不同的Javascript文件时中断 因为我正在调试一个遗留的web应用程序，大量的js文件，这个特性将帮助我找到用jquery.click（）方法绑定的事件处理程序 修改：或者简单地说，如何快速找到jquery的实际事件处理程序代码？您可以在jquery代码中设置断点，并且仅在事件是单击方法时使其中断？这是可行的，但我必须介入，介入。。很多次。。。还有其他更简单、更通用的方法吗？更糟糕的是，当jquery缩小时，我也遇到了同样的问题：（@jezternz

例如，我有一个ajax请求，它返回 问题是，它不会出现在源代码或资源面板中。这意味着我不能做所有很酷的事情，比如添加断点和在元素运行时检查它们 我只能在网络面板下看到js文件的源代码 是否有办法让chrome将它们添加到源面板中？ 或者你们如何调试动态添加的脚本 使用金丝雀。请参阅 （原始链接已断开--下面已存档的链接） （“动态JavaScript中的断点””。我也遇到了同样的问题，我找到了一种比故意异常更好的解决方法。它仍然需要更改代码，而不仅仅是在chromedev工具中设置断点 我尝试使

在Chrome中启用源地图。 我可以浏览原始文件。 但是，我不知道如何从堆栈跟踪到原始文件中的错误位置 我的all.min.js文件中出现了一个错误，该文件包含了我所有缩小的js。 我单击堆栈跟踪中的链接，它会将我带到以下位置： 如何从这里到达原始文件中的位置？此功能似乎尚未实现或不可能实现 单击代码窗口左下角的'un-minify'（'fix indent'）按钮会有所帮助 这以更易读的方式向我展示了错误发生的位置，尽管这只是一个缩进修复

我正在使用chrome开发工具调试nodejs应用程序。我可以在应用程序处于调试模式时使用单击创建断点。但是，我必须右键单击并删除断点。我无法通过再次单击来删除断点。或者我必须从右边的断点列表中删除它。应用程序是使用节点启动的——如果有必要，可以检查brk server.js命令 谷歌浏览器版本->83.0.4103.116（官方版本）（64位） 节点版本->v9.11.2 npm版本->6.14.5 macOS Catalina->10.15.4

我们的网站使用（几种）图标字体在网站上显示图标。我们通常使用伪内容执行此操作： span:before { content: "\e934" } 我经常需要弄清楚哪个字符代码用于该图标，但由于我们的许多CSS都是作为一个单独的库完全单独预编译的，所以在文件中挖掘会变得很混乱 我希望能够在浏览器的DevTools中选择pseudo元素，并让它显示它是什么字符代码 然而，当在chrome中使用DevTools时，它总是显示一个空的内容字符串和/或一个空白框。在源代码树中

我试图对chrome开发者工具进行修改，因此我遵循以下步骤： 并从安装了chrome build 155617。然后我启动chrome，如下所示： chrome.exe --debug-devtools-frontend=C:\path\to\155617\devtools_frontend --remote-debugging-port=9222 当我尝试检查一个元素时，我得到了dev工具面板，然而，“元素”、“资源”等面板都没有功能。 因此，为了调试它，我检查了devtools，并在控制台

有没有办法在页面上访问JavaScript中的Chrome开发者工具提供的元信息？例如，元素的边框、光标下的if元素等 Thx解答否，此信息无法通过JS直接获取。但是，您可以使用（并且在扩展中作为传输提供）获取该信息

在Chrome的inspect元素中，我在一些讲座中看到，network选项卡可以显示图像（等）文件大小的大小/内容。但我的窗口中没有显示“内容”。此外，“大小”中的数字似乎与实际文件大小相差很大。我应该做些什么来显示“内容”吗 小行显示的大小是用于传输的压缩大小。要获取内容大小，请启用大型资源行 大资源行切换可在视图选项中找到： 然后，以灰色显示的内容大小显示在传输大小的下方：

我正在尝试调整引导模式窗口的大小。在Chrome开发工具中，我可以看到宽度和高度是通过使用以下CSS规则进行适当设置的： .manage-modal-dialog { width: 450px; } .manage-modal-content { width: 450px; min-height: 460px; max-height: 460px; } 但是，当我截屏模式并在图像编辑工具中测量它时，它显示尺寸是562x574。诚然，我可能裁剪不正确，并减少了一个像素左右，但这

我想让gulp启动浏览器在chrome中与标志--remote debugging port=9222同步，以便我可以通过VS Code chrome Devtools扩展进行连接 我的吞咽文件（部分）如下所示： gulp.task（“browserSync”，函数（）{ browserSync.init({ 服务器：{ baseDir：“src” }, 浏览器：“谷歌浏览器”， }); }); 失败的尝试 浏览器：“谷歌浏览器——远程调试端口=9222” 浏览器：“chrome.exe--远程

在Firefox和Chrome中，sourceURL的相对性似乎有所不同-当一些工具在JS文件中生成与放置文件相关的/#sourceURL=…字符串时，Firefox将URL视为与JS文件相关，而Chrome将其视为与原始HTML文件相关。哪一个是正确的，或者有更清晰的方式来说明这一点 在这个示例应用程序中，我尝试使用sourceURL将许多较小的文件合并到一个较大的文件中，但仍然允许浏览器知道应该调用哪个较小的文件，然后使用sourceMappingURL指定相对于原始文件的sourcema

我正在尝试访问DevTools中的Experience行，以便能够根据Chrome的新添加来测量CLS： 我看不到这一行，但我知道页面上的布局发生了变化。有什么建议吗？谢谢 这意味着没有检测到换档。这意味着没有检测到换档。

我有大量的代码片段，希望一次下载所有的代码片段。我注意到您可以一次下载一个，但我有太多的下载，无法快速完成所有这些操作。在devtools上使用devtools: 打开devtools并在菜单中将其停靠侧切换到分离（浮动）窗口 在现在已拆下的devtools中，按CtrlShifti或⌘MacOS上的Shifti， 将在新窗口中的devtools上打开devtools 在devtools上的devtools中，切换到控制台，粘贴并运行以下代码： Host.InspectorFrontend

可以在chrome/firefox/msie的开发工具中运行一个脚本来保存页面加载/重新加载吗 例如，我想在页面a中获取一个链接URL，加载该URL B并获取其页面标题，然后我想在页面a中返回，选择另一个链接，依此类推 现在，如果我调用window.location.href=somelink；新页面已加载，但脚本在更改页面时终止 这可能吗 提前感谢您您可能可以编写一个Greasemonkey脚本来完成此操作，因为Greasemonkey具有 类似于if（location.host=='stac

在Chrome Web Dev工具中是否有一个键盘快捷键可以在不通过图标的情况下启用悬停状态？所有DT快捷键都记录在设置->快捷键中（要打开DT设置，请单击DT窗口右下角的cog图标）和中。强制元素状态->没有快捷方式：悬停，如果这正是您所想的

有人知道在chrome开发工具plz中显示完整的网络资源请求url而不是最后一部分的方法吗 现在它只显示了资源url的最后一部分：1或2，用于请求/users/1和/users/2。由于我有多个以/：id结尾的资源URL，这很快就会让人困惑 当我将名称悬停时，我会得到一个包含完整请求url的标题。如果能够看到它，而不需要在每个单独的请求上悬停，那就太好了 谢谢 视图中有一个按钮： 这将启用更大的请求行。 所以你得到这个： 自从最新版本的Chrome之后，查看按钮似乎被移动了 真不敢相信我竟然没

在Chrome Developer工具中查看元素时，当鼠标悬停在元素上时，HTML元素通常以蓝色突出显示 然而，有时也有一个橙色区域。（见图） 橙色突出显示的含义是什么？有时它看起来像是父HTML元素的反射。但有时情况并非如此。这似乎太武断了，这让我感到困惑 颜色如下： 橙色是空白 黄色是边界 绿色是填充物 蓝色是元素的宽度和高度 如果您忘记了，只需检查边界框显示的计算侧栏

我刚刚更新到Chrome v76.0.3809.100，几乎立刻发现Chrome开发工具的滴管颜色选择器功能不再工作。我不知道我是否使用了正确的术语，但它过去是这样做的：在开发工具中，您可以检查一个元素并单击其颜色。一个类似滴管的工具会立即弹出，然后你可以点击网页上的任何像素并将被检查元素的颜色更改为该颜色 这已经不起作用了。我看到有一种与滴管相关的新开关，我尝试过切换它，但我看不到任何变化 我知道还有一个调色板，但我不是说这个。我说的是，在“颜色选择器模式”下，通过单击网页可以从中获取任何颜色

假设我有一个按钮，onClick属性设置为doSomeThings（someId） 当我在Chrome或Safari上检查时，它显示： <button onclick="doSomeThings("1")" type="button"> </button> 现在我使用Chrome/Safari检查器，将1改为3，然后按enter键。我不明白 <button onclick="doSomeThings("3")" type="button"> </b

我的意思是将菜单隐藏在红色框中，只显示控制台 是的，这是可能的，有一个devtools扩展和“允许UI主题”实验（请参阅我的答案中的“官方方法”部分）。使用此方法，您将能够为devtools定义任意样式表 /*Custom.css的内容，与一起使用https://stackoverflow.com/a/21210882 */ .选项卡式窗格标题选项卡[aria label=“Panels”]。选项卡式窗格标题选项卡：非（#选项卡控制台）， .tabbed窗格标题选项卡[aria label=“P

ChromeDeveloperTools对HTTP响应体的表示中是否存在缺陷？ 在这种情况下，有任何已知的解决方法吗 我正在使用Chrome开发者工具查看HTTP响应。我先做一个推，然后再做一个接 使用相同的URL。当检查PUT和GET的响应时，它们是 一样。我正在使用“网络”下的“响应”选项卡，它显示HTTP响应的主体。 “标题”选项卡中的响应代码对于PUT是正确的，但“响应”是正确的 选项卡显示GET响应的内容（主体） 这似乎是Chrome开发者保存的第一个请求（PUT）的响应主体 被来自同

我知道我们可以从“源”选项卡保存更改，所以这是一个不同的问题，我们可以从“元素”>“样式”中执行相同的操作吗 （或者同步更改“源”选项卡，以便以后保存？我不知道怎么做。复制/粘贴仍然有效

嘿，我正在尝试使用在输入框中插入文本，然后按TAB键两次以在另一个输入框中设置焦点（利用tabindex焦点功能） 我试过输入域。两种类型都是：“char”和keydown+keydup Input.dispatchKeyEvent（{ 修饰符：0， nativeVirtualKeyCode:9， 文本：“\t”， 键入：“char”， 未修改的文本：“\t”， windowsVirtualKeyCode:9 } 例如，在文本区域内，它似乎只是简单地向文本本身添加缩进，而不是直接跳

我想能够阻止任何脚本能够运行在木偶加载后的页面已经加载。这样做的原因是停止旋转图像和延迟加载图像，本质上使页面尽可能保持静态，以便在图像不变的情况下启用屏幕截图等 通过执行page.evaluate（'debugger；'）可以暂停整个脚本，但这不允许您继续拍摄屏幕截图，因为aevaluate函数在您退出调试器之前不会退出（如果gui已启用）如果您希望在加载页面后禁用JavaScript，您可以使用： 使用调试器后，我可以截图。 或者，您可以将每个原始节点替换为其克隆，以删除附加到每个元素的事件

我要问一个奇怪的问题： 有没有办法在DOM上设置的断点上运行代码段 使用示例： -使用表格访问网站。 -在子树修改时设置中断 -当断点到达时运行MySnippet。DevTools没有此功能。在DOM断点触发之后，您可以运行一个进程。您可以。不过您可以使用eval（“…”）语句设置一个条件断点 例如，将以下日志记录到控制台： 测试11:59:51:326 用于检查时间问题 eval('let current=new Date();console.log("test",current.getHou

我创建了一个简单的nuxt项目。每当我尝试在chrome开发工具中更改某些内容时（例如，选中并取消选中某些css），其他css样式都会被删除 有人知道为什么会这样吗 这个问题只发生在chrome和opera中。在Firefox中，这种情况不会发生 例如，当我更改子元素上的css时，父元素上的css将被删除。我没有设置任何特定的内容。我创建了nuxt应用程序，我刚刚开始创建组件。你可以在这个链接上看到视频：we.tl/t-WDrtJuraGu有人知道吗？？

在Chrome 80中，devtools现在似乎可以自动水平滚动，向右滚动到树视图中的内容，但在导航回父节点时不会向左滚动。这使得元素选项卡在禁用自动换行的情况下很难使用。我主要使用元素选项卡高亮显示元素以查看样式或查看节点的父/子关系。Word wrap很难查看层次结构，因为具有许多属性的节点在进行换行时只会占用所有水平空间。现在，每次单击子元素时，我都必须手动向左滚动以查看父节点的开始 我不知道这是否会被认为是一个bug，因为我可以看到在某些地方滚动到有用的内容，但这使得元素选项卡难以使用。