【问题标题】:Guidelines / indentation lines in Google Chrome Dev ToolsGoogle Chrome 开发工具中的指南/缩进线
【发布时间】:2018-11-02 11:48:22
【问题描述】:
是否可以在 Google Chrome 开发工具中设置指南/缩进线?检查附加的照片。
找了好久都没找到。
这对网络开发过程非常有帮助。
【问题讨论】:
标签:
google-chrome-devtools
indentation
devtools
【解决方案1】:
我不知道有什么方法可以显示所有指南,但 DevTools 已经在某种程度上满足了您的需求:
- 选择元素标签。
- 选择并展开任何带有三角形的元素,将显示一条垂直线。
- 将鼠标悬停在任何从属元素上,将显示第二条较暗的指南。
这是一个屏幕截图:
该屏幕截图中的指南不是很明显,因此我添加了两个大红色箭头来指向它们,但它们在实际屏幕上更容易看到。
我没有使用任何主题,所以您可能看不到这两个指南,因为您使用的是深色主题?如果是这样,请尝试使用其他主题,或者根本不使用主题。