如何在Chrome中检查一个元素下的另一个元素？
在Chrome中检查一个元素下的另一个元素，可以通过以下步骤进行：
- 打开Chrome浏览器，并进入需要检查的网页。
- 右键点击需要检查的元素，选择“检查”或者按下快捷键Ctrl+Shift+C，打开开发者工具。
- 在开发者工具中，可以看到一个元素面板，显示了网页的HTML结构。默认情况下，会自动选中右侧的“Elements”选项卡。
- 在元素面板中，可以通过鼠标左键点击需要检查的元素，该元素的HTML代码会被自动选中，并在页面上高亮显示。
- 在选中的元素上右键点击，选择“检查”或者按下快捷键Ctrl+Shift+C，可以进一步检查该元素下的子元素。
- 在开发者工具中，可以通过鼠标左键点击子元素，查看其HTML代码和样式属性，并在页面上高亮显示。
通过以上步骤，可以在Chrome中方便地检查一个元素下的另一个元素。这对于前端开发和调试非常有用，可以帮助开发人员快速定位和解决问题。
推荐的腾讯云相关产品：腾讯云开发者工具箱（https://cloud.tencent.com/product/toolbox）是一款集成了多种开发者工具的产品，其中包括了Chrome浏览器插件，可以帮助开发人员更方便地进行前端开发和调试。
相关·内容
2回答
当我到达这个复杂的页面时，一个模式挡住了我的去路。我想检查一个被遮挡的元素。我知道我可以在元素选项卡中遍历文档树，但是Chrome中是否有某种“选择下”选项？
浏览 36提问于2020-12-18得票数 1
回答已采纳
我一直试图将<app-globals>元素行为移植到Polymer1.0，以便在元素之间共享变量(如 )。我已经有了一个在Chrome和上都能工作的元素，但是在Safari、Firefox或Chrome上似乎不起作用。你可以检查一下。只要打开Chrome看看它就行了。
浏览 1提问于2015-08-06得票数 0
回答已采纳
2回答
我有一个HTML： <li>a</li></ul>$('ul').sortable()
在更改元素的顺序之后，我可以在Chrome的检查元素中看到DOM的变化，但是在控制台或另一个函数中选择排序的元素，$(&
浏览 0提问于2014-11-13得票数 1
回答已采纳
2回答
我在Safari和Chrome中有这个问题，但在IE中没有。当我单击一个按钮时，mousedown事件会触发某种CSS规则，这会使它稍微变宽一些。因此，它会下降到下一行，并且没有触发click事件。我正在开发一个大型的现有站点，很难隔离所有的CSS，但我认为这可能是浏览器固有的影响所致。谢谢你的帮助。这是我找到的CSS :active /:悬浮。我不认为这会导致这一切！
a:hover
浏览 6提问于2014-07-24得票数 0
回答已采纳
例如，我为一个元素编写了一个xpath，那么如何在不包含它并在selenium中执行脚本的情况下检查它是否为该元素的有效xpath。同样的问题也适用于使用其他元素定位器，如id、css选择器。
浏览 1提问于2020-04-22得票数 0
我有一个通过object加载svg的页面。 $(whatContainer).css("top", rect.top);我使用的是在Chrome中，它运行得很顺利。问题在于Firefox:当我加载页面时，宽度和高度是正确加载的
浏览 2提问于2015-05-02得票数 0
回答已采纳
1回答
我通过JSON调用动态添加DOM元素，然后将表单提交给服务器，我遇到的问题是在映射(HttpServletRequest.getParameterMap())中找不到新创建的DOM对象
对于这个问题，有没有一个通用的做法我真的很感谢你的帮助谢谢...
浏览 2提问于2011-11-29得票数 0
回答已采纳
1回答
铬渲染层-创建条件？
、、、、
我检查了“边框”选项，发现有时动画div位于另一个呈现层。
当div不在另一层时，动画就慢了。这些其他元素似乎与DOM树中的动画div完全无关，但显然会在动画期间对页面的呈现产生影响。我发现了一些文章(、、、、)，它们提出了一些可能的方法来“强制”Chrome在另一个呈现层中呈现一个元素，但其中大多数都是旧的(事情可能已经改变了)。此外
浏览 2提问于2015-03-29得票数 4
回答已采纳
1回答
我正在用Turbolinks开发一个Rails应用程序。我正在使用链接到URL，如mysite.com/page#element。问题是，当我在Chrome中从另一个页面(如mysite.com/anotherpage )点击这个链接时，我会被滚动到元素，但是接下来的时间会滚动回页面的顶部。也没有出现在关闭Turbolinks的情况下。有没有办法在不拒绝Turbolinks的情况
浏览 2提问于2014-01-06得票数 1
回答已采纳
我在使用这个Node.js库的最新版本(0.4.0)编写客户端测试时遇到了困难：。我正在使用Sencha Touch 2.4。我可以让selenium连接到Appium应用程序(v1.4.13)服务器，这反过来又似乎在我指定的iPhone模拟器中正确地加载了我的Sencha应用程序。我可以和Appium探长一起检查元素。但是，在编写测试时，我无法识别应用程序初始视图中的任何UI元素。在Sencha中，我已经将按钮组件id属性设置为primary-log
浏览 1提问于2016-02-06得票数 1
回答已采纳
1回答
我用创建了一个映射，并设置了showTooltip: true设置。默认情况下，此工具提示具有黑色背景和白色字体；我无法检查Chrome中的元素工具提示以更改css样式。如何在jQuery.vmap中更改工具提示样式？
浏览 1提问于2014-11-29得票数 1
回答已采纳
2回答
我知道，悬停在元素上会导致另一个元素得到一个新的类。我如何检查这个eventListener在Chrome上的位置和内容？Chrome中的Event Listeners选项卡只列出文档上的一些侦听器，而不是任何特定的元素。
浏览 4提问于2017-07-28得票数 2
回答已采纳
我目前正在开发一个角度应用程序，并希望看到我的范围在控制台。目前，我通过输入angular.element($0).scope()来实现这一点。当我打开控制台时，右击页面，选择“检查”，导航到“控制台”选项卡，然后输入上面的代码。我在一个网站上发现了这种现象，所以你可以自己尝试一下：。
浏览 1提问于2017-04-19得票数 2
回答已采纳
如何在不使用JavaScript循环或任何数组方法(如map、reduce )的情况下检查元素是否存在于数组中?如果不使用for循环或任何数组方法，则需要检查是否存在9和30。
浏览 2提问于2018-09-09得票数 3
回答已采纳
我有一张有inputTexts和comboBoxes的桌子。在编辑模式下一切正常，但在读模式下，comboBoxes中的文本似乎有填充，但它们没有。我用Chrome检查了一下，而且在默认情况下，组合框中似乎有另一个元素，一个包含文本的表。问题:为了使元素更好地对齐，我如何才能移除组合框中的表，而需要将margi
浏览 6提问于2014-10-29得票数 1
回答已采纳
3回答
：：之前到底做了什么？
、、、
因此，我阅读了文档，可能理解了::before和::after的用途。如果我的理解是正确的，它们应该总是与其他元素一起工作。但我现在看到的网页是这样的： <div class="container-fluid"> <div> ...
浏览 3提问于2014-05-18得票数 31
回答已采纳
在某些情况下，SVG <text>元素的dominant-baseline样式将被忽略？
在我的SVG的两个不同部分中有两个<text>标签。应用于其中一个的dominant-baseline: central没有问题(例如，当我在Chrome的web检查器中打开它并更改它的值时，元素会像我所期望的那样移动)，但它似乎不会
浏览 0提问于2014-01-13得票数 0
回答已采纳
1回答
我正在制作一个web-app，你可以在画布上移动元素，并在它们之间画线。在iphone和ipad的landscape模式下，一切工作正常，但当我切换到portrait模式时，页脚将不会触发触摸。页脚在底部有一个固定位置。我尝试过不同的iPad / iOS和iOS版(iPad2:iOS9.0.2，iPhone6:iOS9.0.1，iPad第四代:iOS9.0.2，等等)。
这真的让我抓狂。
浏览 0提问于2015-10-17得票数 0
我想直接从Chrome开发者工具中触发一个事件。我知道我可以检查一个元素，而不是使用$0 引用它。
但是如何在这个元素上触发dom事件呢？
浏览 9提问于2015-11-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
