【发布时间】:2018-07-15 02:40:14
【问题描述】:
我正在寻找一种工具,它可以用它们在 DOM 中的位置来标记页面上的组件,这样我就可以立即看到,一个特定的 div 是其他一些 div 的子级,并且有一些子级 div。我知道我见过这个工具,但它是很久以前的事了,我不记得它是从哪里来的。 Chrome 开发工具?
【问题讨论】:
标签: html dom google-chrome-devtools
我正在寻找一种工具,它可以用它们在 DOM 中的位置来标记页面上的组件,这样我就可以立即看到,一个特定的 div 是其他一些 div 的子级,并且有一些子级 div。我知道我见过这个工具,但它是很久以前的事了,我不记得它是从哪里来的。 Chrome 开发工具?
【问题讨论】:
标签: html dom google-chrome-devtools
我认为您指的是 Chrome 的检查器。只需右键单击页面上的任何 DOM 元素,然后单击“检查元素”
从那里你可以看到 HTML 的层次结构
https://developers.google.com/web/tools/chrome-devtools/inspect-styles/ 了解更多信息
【讨论】: