【问题标题】:How to see HTML hierarchy of a page如何查看页面的 HTML 层次结构
【发布时间】:2018-07-15 02:40:14
【问题描述】:

我正在寻找一种工具,它可以用它们在 DOM 中的位置来标记页面上的组件,这样我就可以立即看到,一个特定的 div 是其他一些 div 的子级,并且有一些子级 div。我知道我见过这个工具,但它是很久以前的事了,我不记得它是从哪里来的。 Chrome 开发工具?

【问题讨论】:

    标签: html dom google-chrome-devtools


    【解决方案1】:

    我认为您指的是 Chrome 的检查器。只需右键单击页面上的任何 DOM 元素,然后单击“检查元素”

    从那里你可以看到 HTML 的层次结构

    https://developers.google.com/web/tools/chrome-devtools/inspect-styles/ 了解更多信息

    【讨论】:

    • 不,不止于此。这会在页面上放置一个标签并告诉我
      的父级
    【解决方案2】:

    选择一个元素后,此面包屑会显示当前所选元素的所有父级。

    【讨论】:

    • 但是面包屑不够宽,无法显示所有的父母,而且没有滚动条……那么如何解决这个问题?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-02-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多