Fatal编程技术网

Google chrome devtools Google Chrome开发工具中的指南/缩进行

google-chrome-devtools

Google chrome devtools Google Chrome开发工具中的指南/缩进行,google-chrome-devtools,indentation,devtools,Google Chrome Devtools,Indentation,Devtools,谷歌Chrome开发工具中是否可能有指导方针/缩进行？检查所附照片 我找了很长一段时间，它什么都没有 这将对web开发过程非常有帮助 我不知道如何显示所有的指南，但是DevTools在某种程度上已经实现了您想要的功能： 选择元素选项卡 选择并展开带有三角形的任何元素，将显示垂直参考线 将鼠标悬停在任何下级元素上，将显示第二条较模糊的指引 下面是一个屏幕截图： 在屏幕截图中，这些指导原则并不太明显，所以我添加了两个红色的大箭头来指向它们，但它们在实际屏幕上更容易看到 我没有使用任何主题，所以

谷歌Chrome开发工具中是否可能有指导方针/缩进行？检查所附照片

我找了很长一段时间，它什么都没有

这将对web开发过程非常有帮助

我不知道如何显示所有的指南，但是DevTools在某种程度上已经实现了您想要的功能：

  • 选择元素选项卡
  • 选择并展开带有三角形的任何元素，将显示垂直参考线
  • 将鼠标悬停在任何下级元素上，将显示第二条较模糊的指引
下面是一个屏幕截图：

在屏幕截图中，这些指导原则并不太明显，所以我添加了两个红色的大箭头来指向它们，但它们在实际屏幕上更容易看到

我没有使用任何主题，所以也许你看不到这两条指导原则，因为你使用的是黑暗主题？如果是这样，尝试使用不同的主题，或者根本不使用主题