通过Chrome devtools，我怎么知道哪个元素正在滚动？
通过Chrome devtools，你可以使用以下步骤来确定哪个元素正在滚动：
- 打开Chrome浏览器并导航到你想要检查的网页。
- 右键点击页面上的任何元素，然后选择"检查"或"审查元素"选项。这将打开Chrome devtools面板。
- 在devtools面板中，你会看到一个元素树结构，显示了页面上的所有元素。
- 在元素树中选择你感兴趣的元素。选中的元素将在页面上高亮显示，并在devtools面板中显示其相关信息。
- 在devtools面板的右侧，你会看到一个"Styles"或"样式"选项卡。点击该选项卡以查看元素的CSS样式。
- 在CSS样式中，查找并展开"overflow"属性。如果该属性的值为"auto"、"scroll"或"hidden"，则表示该元素具有滚动功能。
- 如果你想进一步确定元素是否正在滚动，可以在CSS样式中查找并展开"overflow-x"和"overflow-y"属性。如果其中一个属性的值为"scroll"，则表示该元素在相应的方向上具有滚动功能。
- 此外，你还可以在devtools面板的"Elements"选项卡中找到"Event Listeners"或"事件监听器"选项。展开该选项以查看与滚动相关的事件监听器，例如"scroll"事件。
通过以上步骤，你可以使用Chrome devtools确定哪个元素正在滚动，并获取有关该元素的更多信息。
相关·内容
我以为这不可能发生。是否有一个众所周知的原因，我不知道，还是它是一个Chrome缺陷？当设备模式打开时，在Chrome DevTools中发生这种情况。复制步骤：
。
打开DevTools中的Chrome (F12)。
启用设备模式(CTRL+SHIFT+M)。
重新发布页面(F5)以查看移动样式滚动条。
单击红色子div的右边，可以看到“父”而不是“子”。
如果演示不可用，下面是完整的代码(不作为代码片段工作)：
<!DOCTYPE html>
<html>
<head>
<title>Demo</title&
浏览 2提问于2016-03-17得票数 1
在Chrome DevTools中，在呈现下，有一个选项可以“显示潜在的滚动瓶颈”。
当我启用这个功能时，我在屏幕上的一些带有div的overflow:scroll元素在顶部显示了一个标志，上面写着“在滚动页上重新绘制”。
我找不到很多关于这个特性的文档，我也不知道它是否是我可以修复或改进的东西，或者仅仅是一个事实声明--div有内容，而且它们确实滚动。
浏览 0提问于2014-07-14得票数 55
回答已采纳
使用谷歌Chrome的DevTools手机仿真，似乎触摸滚动无法工作。
查看这个测试：
滚动功能在谷歌3的Safari浏览器和Android4.2的Chrome浏览器上都可以使用，但在带有触摸屏仿真功能的iPad DevTools中则不起作用。
我看到的另一个不同之处是滚动条出现在DevTools上，而不是平板电脑上。
你知道为什么吗？
注意:使用Chrome版本33.0.1750.154 m
浏览 0提问于2014-03-29得票数 58
在我的Google扩展中，我尝试听取DevTools面板“元素”中的选择。特别是，应该能够听取已经选定的元素的选择。
我目前的实现方法围绕着函数chrome.devtools.panels.elements.onSelectionChanged。函数名已经表明，只能对当前未选中的元素作出反应。因此，我尝试使用帮助变量$0重置或删除当前的选择，以便能够再次侦听相同的元素--不幸的是，没有成功。
我的目标是以某种方式监听元素面板中的每一次单击/选择。总之，我正在寻找一个onSelection侦听器，而不是一个onSelectonChange侦听器。
编辑#1
这是我试过的代码：
chrome.de
浏览 0提问于2019-05-13得票数 0
回答已采纳
我正在测试我的HTML的可访问性。在使用Tab键导航HTML时，焦点环有时会消失，因为具有焦点的元素被隐藏。在这一点上，我不知道哪个DOM元素具有焦点。有没有办法在Chrome DEVtools中跟踪TABbing浏览页面时哪个元素有焦点？
浏览 6提问于2018-07-17得票数 24
回答已采纳
我已经做了我的研究，并与此斗争了一段时间，但我需要你的帮助。
我正在构建一个Chrome DevTools扩展。它应该将当前选定的元素从“元素”面板作为引用传递给在内容脚本中定义的JS对象。
重要的是，我应该将引用传递给选定的元素，或者其他从内容脚本中识别元素的方法。
我理解Chrome DevTools中“孤立世界”的工作流程。我还理解扩展页、背景页和内容脚本之间的消息传递。这只发生在JSON原语中，因此不会传递JS范围。
如何将devtools元素面板中选择的元素传递给驻留在检查页面中的内容脚本？
编辑
到目前为止，我知道的是：
获取对选定元素的引用：
chrome.devtools.in
浏览 2提问于2013-06-20得票数 11
回答已采纳
2回答
无法修复错误，谷歌移动可用性>内容比屏幕在谷歌搜索控制台。我已经尝试了铬移动布局模拟器从DevTools，设置宽度为320 to，但没有横向滚动出现。因此，在仿真器中一切看起来都很好，但是google会引发错误。然后，我在css中添加了：
@media screen {
html, body {
width: 100%;
overflow-x: hidden;
}...
但没有效果，错误依然存在。
测试Live工具不显示任何错误，所有页面移动友好。
知道怎么解决这个问题吗？我肯定这是谷歌的错误，但如何避免呢？
浏览 0提问于2018-09-20得票数 4
回答已采纳
1回答
我正在为一个由铬无头驱动木偶师运行的项目工作，最近我发现一个网站()可以在浏览器中显示木偶操作过程。这个网站附加了一个看起来像魔法的铬灯。
我试图弄清楚这个网站是如何工作的，我发现这个网站注入了一个chrome devtool，url通常如下所示：
https://chrome-devtools-frontend.appspot.com/serve_file/@7f3cdc3f76faecc6425814688e3b2b71bf1630a4/inspector.html?wss=chrome.browserless.io/devtools/page/(4BDC5841A823B95BF9B61
浏览 5提问于2017-12-15得票数 2
2回答
我的仪表板应用程序只有一个页面--从不超过100 My。
在某个地方，当我单击一个按钮时，某个未知的容器暂时溢出，右侧出现一个滚动条，然后一秒后它就消失了。在这一秒内，页面背景跳得非常明显。
我希望防止这个滚动条显示通过CSS -但我有困难，以确定容器是溢出。
是否有人知道一种方法或技巧来识别哪个div正在显示滚动条，或者哪个div溢出了屏幕？我已经做了一段时间了，我想，一定有一个DevTools技巧能很快找到这个.
浏览 6提问于2021-04-22得票数 0
回答已采纳
我花了很长时间才让window.scroll(0,0)在Chrome的手机版上运行。然后我发现，当我从devtools中删除“移动视图”时，我的代码可以正常工作。为什么滚动到顶部不能在移动设备上工作，而能在桌面上工作？
例如，如果我点击方案中的“下一步”按钮，我的功能如下所示：
handleNext = () => {
...
window.scroll(0,0);
}
这在桌面上工作得很好。我也尝试过window.scrollTo。同样的情况也在发生:在桌面上滚动到顶部，在移动设备上什么也没有发生。
这是一个“溢出”元素的屏幕截图，它不是任何特定的元素。div只是将主
浏览 11提问于2020-03-03得票数 1
我正在使用redux-devtools-extension开发一个React Native应用程序：
在React Native调试器中，它可以工作，您可以看到window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__和window.__REDUX_DEVTOOLS_EXTENSION__被正确定义。
在chrome devtools中并非如此。
有人知道如何在chrome devtools中定义它们吗？我在chrome中安装了redux扩展，并尝试重新安装它。
浏览 7提问于2019-11-08得票数 1
我做了一个空的Chrome扩展，可以在dev tools检查器中查看chrome DOM对象，但是每次我在控制台中提交命令chrome.devtools时，都会遇到chrome的严重崩溃。有谁知道我怎么才能绕过这件事吗？看来我可以访问chrome对象中的其他参数。当我试图添加chrome.devtools到手表，它将被添加，但当我展开对象Chrome崩溃。
manifest.json
{
"manifest_version": 2,
"name": "Test Extension",
"descript
浏览 0提问于2015-01-08得票数 1
回答已采纳
我正在尝试绑定到一个span元素，一个滚动幻灯片的函数(特别是rcarousel插件)。这是javascript代码：
$('.forward').click(function() {
$("#carousel").rcarousel("next");
});
$('.rewind').click(function() {
$("#carousel").rcarousel("goToPage", 0);
});
现在，这段代码在一个document.ready函数中，前进按钮$(&
浏览 0提问于2013-02-09得票数 1
我试图弄清楚动画是如何工作的。具体来说，当滚动时，标题图片上的缩放和阴影。
我本以为这将是一个CSS动画，但它没有出现在Chrome DevTools‘动画’选项卡。
这个动画是如何工作的，为什么它没有出现在“动画”选项卡上？
浏览 3提问于2017-09-19得票数 2
回答已采纳
6回答
我正在使用Chrome DevTools调试JavaScript。在我的脚本中，我使用jQuery bind()方法将单击事件绑定到元素。如何检查该事件是否被解雇？
编辑
对不起，因为我没有那么具体，我知道我可以使用console.log()或在事件侦听器体内设置一个断点。我在这里说的是Chrome DevTools的开箱即用功能，它允许您在不使用控制台的情况下检查它，例如包含所有相关信息触发的事件的选项卡。
浏览 5提问于2014-02-28得票数 5
回答已采纳
在使用文件上传小部件时，我注意到Uploadcare脚本一直在重新绘制HTML标记。
我不确定重新绘制是否是正确的术语，但下面是正在发生的事情:检查chrome devtools HTML标记正在高亮显示，在元素上添加/删除属性时也是相同的行为。而且它似乎并没有结束，它只是继续下去，在每一个新兴市场。您可以在他们的主页上自己查看，只需打开devtools并查看HTML标签。
有人知道它为什么要这么做吗？它在叫什么？它会给移动用户带来性能问题吗？
浏览 6提问于2015-10-03得票数 9
回答已采纳
1回答
在我的pdfmake.min.js文件中，在/client/pdf/pdfmake.min.js的URL上，在我的最后一行
//# sourceMappingURL=pdfmake.min.js.map
它尊重，并且根据/client/pdf/pdfmake.min.js.map规则它应该指向/client/pdf/pdfmake.min.js.map(因为指针中没有/ )。
但Chrome发出警告
DevTools未能解析SourceMap： 18:37:05.952
这似乎是一个错误，因为Chrome是在URL的根目录，而不是在指向文件的同一目录上搜索文件。
浏览 1提问于2019-02-04得票数 0
我正在尝试从DevTools的代码编辑器中获取选定的文本。我可以在onSelectionChanged处理程序中获取selectionInfo，但我不知道如何获取文本。
另外，如何在onSelectionChanged触发之前获取selectionInfo (当前选择)？
chrome.devtools.panels.sources.createSidebarPane(
"title",
function(sidebar) {
function update(selectionInfo) {
//alert([selecti
浏览 1提问于2013-10-25得票数 0
我正在尝试在我自己的Chrome扩展中重用DevTools中元素标签的一部分。我需要使用Chrome DevTools SDK 吗？
浏览 1提问于2013-07-21得票数 0
回答已采纳
我正在写一个铬的扩展测试不同的网页布局的网站。作为其中的一部分，我希望能够在chrome developer工具中启用设备模式视图，并设置所需的设备分辨率。
是否可以使用扩展的javascript或任何其他方式来实现这一点？
特别是，我想做这样的事情：
chrome.devtools.enableDeviceMode();
chrome.devtools.setDeviceModeResolution(768, 1024);
浏览 1提问于2018-12-18得票数 2
自从几年前问世以来，Chrome已经成为web开发的事实上的IDE。我已经使用它的Canary(版本28.0.1464.0)频道有相当长的时间了，并且非常开心。唯一困扰我的问题是无法在DevTools控制台窗格中自动滚动到添加的最后一条消息。我知道很多人更喜欢现在的行为。然而，我想知道:有谁知道(如果在当前版本中可能的话)如何翻转开关并让控制台自动滚动？
谢谢。
浏览 0提问于2013-04-05得票数 35
回答已采纳
1回答
我在页面的顶部有一个导航栏，我正在尝试让一个方框阴影出现在滚动页面的下方。 我尝试过使用.active和:active，但没有成功。我可以强制阴影出现在chrome devtools中，但不能让它在滚动上工作。 .sidenav-breadcrumbs {
height: 45px;
font-size: 16px;
font-weight: bold;
background: red;
}
.nav-fixed-top {
position: fixed;
top: 100px;
right: 0;
left: 0;
浏览 35提问于2019-06-10得票数 0
我正在尝试在用于滚动页面的javascript中查找angular应用程序中的缺陷。人点击链接，页面滚动。很简单。
遗憾的是，我不知道当用户点击链接时实际调用的是什么函数，并且这个应用程序由几十个和几十个(以及几十个)单独的文件组成，我很难找到发生了什么。
我读过关于使用断点和通过devtools中的SOURCES选项卡设置断点的内容。但是，无论我在其中打开了哪些JS文件，我都无法检查任何断点选项。
有没有办法在Chrome的Devtools中查看页面上的特定事件触发了哪些JS？
浏览 0提问于2018-06-15得票数 0
1回答
我正在开发一个Chrome扩展，它可以与页面上的雅虎用户界面交互。通过一系列事件，DOM中的元素在页面上变得不可见。
在视口的任何地方，我都看不到元素的内容。
我仍然可以在Chrome DevTools的元素面板中看到DOM中的元素。
悬停在“元素”面板中的元素上，不会突出显示页面上的元素。
右键单击元素面板中的元素并选择“滚动到视图”不会滚动页面，不管我在页面中的滚动位置如何。
我设置了以下CSS属性，但元素仍然是不可见的：
outline: 10px blue !important;
width: 400px !important;
height: 300px
浏览 3提问于2017-01-29得票数 1
回答已采纳
在Sapper应用程序中，当在给定页面(路由)内使用锚链接导航时，我使用CSS平滑滚动以获得更好的效果：
html {
scroll-behavior: smooth
}
但是，这会导致其他路由的导航以一种不想要的方式运行:而不是被重置到页面的顶部，滚动位置与前一条路径(在Firefox中)保持不变。(在Chrome中，同样的情况也是如此，但页面随后顺利地回滚到顶部。)
我知道这是因为Sapper是如何工作的，但是是否有一个已知的解决方案，允许使用CSS平滑滚动(用于锚链接)同时进行“按预期”的导航工作，并在加载时直接到达页面的顶部？
这里的实际例子是：。html { scroll-beh
浏览 1提问于2020-12-07得票数 1
回答已采纳
我有一位服务人员在Chrome桌面和Chrome上做得很好，我可以通过Chrome桌面(通过USB远程监控Chrome )准确地知道正在发生什么。我的服务人员非常接近于。该页面在没有网络连接的情况下重新加载很好，并且从DevTools的“网络”选项卡中，我可以确认资源正在按预期由服务工作者缓存和服务。
但是，我也在WebView中加载相同的页面，并且我很难确定服务工作人员是否真正正确地注册并按其应有的方式操作。我看不出有一种方法可以像在Chrome桌面/移动环境中使用DevTools那样调试这个程序。
可以肯定的是，页面在WebView中时不会在没有连接的情况下重新加载，因此有些资源不会被缓存
浏览 7提问于2017-08-19得票数 16
有没有办法从Selenium webdriver获得Heap快照？我目前正在使用Chrome与Chrome驱动程序。
我了解检查器和Selenium通过同一个端口连接。在检查器中，它提供了获取堆快照的方法。我在想，这应该可以通过Selenium实现，因为两者都以类似的方式工作。
谢谢。
编辑：通过传递下面的代码，我能够获得堆快照。
import json
jsonobj=driver.execute_script(":takeHeapSnapshot")
f = filename('heap','w')
f.write(json.dumps(js
浏览 1提问于2014-09-17得票数 1
3回答
好吧，这可能看起来像另一个愚蠢的问题，但我找不到答案。
请参见 fiddle：
在CSS声明中删除#Navigation：
#Navigation .stretch {
...
}
所以它变成了：
.stretch {
...
}
为什么浏览器(chrome版本26.0.1410.64 m)会忽略这个规则？
我也在firefox上测试过。
可能不是CSS优先级问题，因为DevTools和FireBug都没有完全显示出来。甚至连下划线都没有。
谢谢
编辑:非常感谢大家！我以前看不到这些交叉的规则，我在devTools和fireBug中滚动了好几次，解决了这样一个容易出错的“简单”问题，持续了一个
浏览 5提问于2013-05-11得票数 0
回答已采纳
像往常一样，在进行自动化测试时，我使用Chrome中的"Inspect"(CTRL+SHIFT+I)通过xpath、id、CSS选择器等来查找元素。例如：
//li/a[contains(text(), "Products")]
上面是来自该页面的xpath。在以前版本的Chrome浏览器中，在按CTRL+F打开"Find“选项并粘贴此xpath元素后，在DevTools窗口中会突出显示"DevTools"/"Elements”。在新版本的chrome中，它不会突出显示，通常的"1/1“结果显示在”查找“选项卡的最右侧。
浏览 9提问于2020-07-18得票数 23
3回答
在运行yarn之后，我使用vue-cli生成了带有vue-cli的electron-vue scaffold，我使用yarn run dev启动了应用程序。默认情况下，我会收到以下错误：
? Electron -------------------
Debugger listening on ws://127.0.0.1:5858/189cf481-dd71-43bf-be88-90673ee0aae1
For help see https://nodejs.org/en/docs/inspector
? ----------------------------
? Elect
浏览 2提问于2017-09-12得票数 0
有没有办法使用Chrome inspect工具修改Chrome上的PDF中的文本？我被困住了，因为在Chrome检查元素中，与任何其他网站甚至在Chrome中打开的PowerPoint演示文稿不同的是，我可以修改文本，而使用PDF则不能。有人知道怎么做吗？编辑:是的，我知道通过Chrome DevTools所做的改变是暂时的，但通常我能够做出这些改变，即使它们是暂时的。但是有了PDF我就不能。
浏览 15提问于2020-04-17得票数 0
有时，在大型客户端webapp中，有必要通过scrollTo()调用来确定是哪行代码滚动了文档(或者这是否是滚动的原因*)。
是否有任何Chrome DevTools功能会在窗口滚动上中断JS执行？我正在设想一个类似于DOM断点特性的特性。
*滚动也可能由于其他原因而发生，例如在离屏<input>中输入文本。
浏览 0提问于2015-05-18得票数 26
回答已采纳
在我的MVC项目中，我面临的一个问题是，当我在Chrome中运行它时，Chrome会一直自动滚动到顶部。我需要禁用它或将其处理为“不滚动”。我使用的铬版是70.0.3538.110。
下面是我用来强迫滚动到底部的代码：
domElement.scrollTop = domElement.scrollHeight;
浏览 0提问于2018-11-29得票数 1
回答已采纳
我试图在网络上刮刮网站我想刮的项目名称，价格和游戏的项目是从。我选择用硒来刮它。我是通过刮掉嵌套在scroll-div <div id="box-bot-inventory" class="box-items">中的所有scroll-div值来抓取这些值的。当我向下滚动scroll-div时，会出现更多的item-divs，因此我编写了代码在scroll-div中滚动以生成更多的item-divs，这样就可以刮掉所有的东西。问题是，当我滚动的太远，我试图刮价格元素，前几个item-divs返回什么都没有，我不知道为什么。
当我将范围内的34设置为33
浏览 3提问于2022-02-23得票数 1
我有这样的代码：
async def acess_all():
def acess_localhost():
option = Options()
option.add_argument("--no-sandbox")
option.debugger_Address="127.0.0.1:8081"
driver = webdriver.Chrome(opt
浏览 21提问于2021-08-03得票数 3
回答已采纳
我希望能够将鼠标放在页面上，让它突出显示光标下的元素(与开发人员工具检查器相同)，当我单击鼠标时，可以获得该元素的XPath。启用元素检查器并接收要通过代码完成的XPath，以及由人进行的元素选择。 我可以通过使用Chrome Devtools Protocol和带有inspectNode=searchForNode的Overlay.setInspectMethod来启用devtools检查器行为。 在单击鼠标时，我会收到来自Overlay.inspectNodeRequested事件的被单击元素的DOM.BackendNodeId devtools协议似乎没有任何内置的方法来获取XPath
浏览 143提问于2020-07-10得票数 1
回答已采纳
Chrome版“32.0.1700.76m”。我如何搜索资源。使用Devtools，我如何在所有资源中搜索特定的javaScript，而不知道它在哪个文件中。这个特性曾经起作用，现在我想不出该怎么做了。
浏览 3提问于2014-01-16得票数 4
回答已采纳
我正在编写一个Chrome扩展，我需要从devtools面板发送消息，这是我创建的内容脚本。我已经做过了：
devtools.js
$(function () {
inputField.trigger('focus')
chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
chrome.tabs.sendMessage(tabs[0].id, {content: 'content'})
chrome.runtime.onMe
浏览 0提问于2020-09-05得票数 2
我正在尝试构建一个常规的chrome浏览器扩展(，而不是，一个开发工具扩展)，当在特定页面上激活它时，它会获得请求资源的所有IP的列表。我知道如何通过调用chrome.devtools.network.getHAR()从devtools_page日志中获取这个列表，然后将HAR日志消息传递给一个后台脚本。但是，您只能从devtools页面中调用chrome.devtools.*，它只存在于浏览器中打开的devtools窗口的生存期内。我不想仅仅为了在devtools.js中调用这个函数而打开devtools。有没有办法调用chrome.devtools。*例如从background.js调用，
浏览 6提问于2016-08-03得票数 2
2回答
我正在编写一些使用Chrome DevTools协议控制Chrome的测试代码。打开网页后，我需要从网页中获取图像。很容易获得图像URL，但我想从Chrome获得实际图像，而不需要重新下载它们。这将帮助测试运行得更快，因为测试客户端和web服务器之间的带宽有限。它还将帮助测试模拟与web服务器的更真实的交互。
有没有一种使用Chrome DevTools协议获取图像的方法？我想我可以拍一张每张照片的截图，但是我更喜欢不被修改的图像。或者，是否有一种方法可以从注入浏览器的脚本中访问图像？
浏览 1提问于2019-03-26得票数 5
回答已采纳
1回答
有没有人知道霍伊能在屏幕右边重现动画？怎么做的？
我正试图在我的网站上重现这种效果，在那里，一只手在ipad上滚动。
谢谢!达米安
浏览 1提问于2014-02-12得票数 1
回答已采纳
JavaScript在数组和对象与之间有一个
var a = []; // empty array, right?
a.foo = 'bar'; // a is also an object
问题是，在检查Chrome DevTools控制台中的变量时，a似乎只是一个空数组：
这种数组/对象的使用是在中发生的，因此我正在寻找一种方法来显示在Chrome DevTools中显示变量的所有属性。
浏览 4提问于2014-08-14得票数 0
我正在开发一个电子应用程序，为前端反应。当我运行我的应用程序并点击刷新时，我会在我的控制台中得到以下错误。我的应用程序就像预期的那样工作，但是看到这个错误出现在我的控制台上却不知道它意味着什么，这有点烦人。有什么想法吗？
这是我在控制台中得到的错误消息：
[1] [36084:0511/083524.886880:ERROR:CONSOLE(972)] "TypeError: Cannot read property 'pseudoType' of undefined TypeError: Cannot read property 'pseudoType'
浏览 1提问于2019-05-11得票数 15
2回答
如何在所有浏览器中实现平滑滚动
、、、、
当您到达所包含元素的顶部或底部时，滚动将停止，而不是平滑过渡，您必须再次滚动才能在正文上开始滚动。对于我正在工作的项目来说，让Safari像Chrome一样流畅地滚动是至关重要的。我怎么也想不出该怎么做。感谢您的参与，感谢您的宝贵时间！
浏览 0提问于2017-09-06得票数 1
我知道如何打开DevTools启动Chrome，所以请不要告诉我它是的副本
我正在尝试将DevTools打开给一个特定的面板。默认情况下，它在Elements面板上打开，但我希望它在Console面板上打开：
我见过这个命令行开关--devtools-flags，但我还没有找到它的任何示例用法。从本质上讲，我想要实现的是类似的东西。很明显，这不起作用，但你明白其中的要点：
const { Options } = require('selenium-webdriver/chrome');
// …
const options = new Options().addAr
浏览 21提问于2021-09-23得票数 2
2回答
在我的JavaScript中，我实现了一个隐藏标题栏的特性，它由一个scrollEvent触发。所以当我向下滚动时，标题栏是隐藏的。当我开始向上滚动时，它就被揭示了。将其视为与大多数移动浏览器对搜索栏所做的类似效果。
事情是这样的。当devtools打开的时候，它工作得很好。如果我关闭devtools，效果就不再起作用了。当我向下滚动时，标题栏仍然可见。如果我重新打开devtools (Ctrl J)，效果将再次生效。我是在一个单独的窗口运行devtools，所以它的存在不会影响我的应用程序的窗口尺寸。
有人知道Chrome的存在对Javascript或渲染行为有什么影响吗？
注意，对于任何没
浏览 0提问于2019-07-30得票数 12
回答已采纳
我试图对chrome开发人员工具进行修改，所以我遵循了下面列出的步骤：，并从安装了chrome build 155617。然后我启动chrome，如下所示：
chrome.exe --debug-devtools-frontend=C:\path\to\155617\devtools_frontend --remote-debugging-port=9222
当我尝试检查一个元素时，我得到了开发工具面板，然而，“元素”、“资源”等面板都不起作用。因此，为了进行调试，我检查了devtools，并在控制台中看到以下错误：
Uncaught Error: NETWORK_ERR: XMLHttpRe
浏览 0提问于2012-09-09得票数 0
回答已采纳
2回答
我有一个网站，我目前正在工作，它似乎在Chrome上，它不会显示background-color时，你向下滚动。过了一段时间，它切换到它，但只在顶部，它似乎不是真正的background-color生效，而是它的大背景图像消失，它的背景是白色的，所以它给人这样的印象。
知道我该怎么解决这个问题吗？CSS设置为适当的<div>标记，它可以在火狐和其他浏览器上工作，但出于某种原因它不喜欢Chrome。
想法？
所以我说的是这个问题。当您向上滚动时，文本的背景应该是白色的(我在Chrome版本58.0.3029.110 (64位)上)：
浏览 3提问于2017-05-14得票数 0
回答已采纳
所以，在尝试用Chrome devtools调试网页的性能时，我发现我的页面有很长的css规则，我没有放在那里。当我查看源码时，我看不到规则。但是chrome告诉我规则正在执行。这些规则显然也是恶意的，
像.YAHOO赞助给[onclick^=“window.open(‘onclick^=：//
我的问题是，如何找出是什么，我假设，注入到我的DOM？当我查看源代码时，我看不到任何东西。
我有点不知所措，不知道该怎么做。
谢谢你的帮助。
浏览 0提问于2013-05-30得票数 1
回答已采纳
2回答
在浏览器中，滚动窗口时中断
、、、、
在Chrome Devtools中，您可以在更改DOM元素的属性或修改元素的子树时中断javascript。
我正在编写一些遗留代码，其中包含一些在某些情况下可以滚动到页面顶部的javascript，我希望找到能够做到这一点的JS。
在Devtools中，有没有办法在滚动事件时中断？
可能是jQuery或Prototype.js，也可能是基于事件的JS，我已经在代码库中搜索了.scrollTop或.animate，我已经找到了很多这样的代码，但没有一个是导致我的问题的。
浏览 2提问于2014-10-21得票数 18
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
