Я не знаю ни одного способа отобразить все рекомендации, но DevTools уже делает то, что вы хотите в некоторой степени:
- Выберите Элементы tab.
- Выберите и разверните любой элемент с треугольником, и отобразится вертикальная направляющая.
- Наведите указатель мыши на любой подчиненный элемент, и отобразится вторая направляющая, более слабая.
Вот снимок экрана:
Рекомендации на этом снимке не слишком очевидны, поэтому я добавил две большие красные стрелки вуказывают на них, но их легче увидеть на реальном экране.
Я не использую какую-либо тему, поэтому, возможно, вы не видите эти два руководства из-за темной темы, которую используете?Если это так, попробуйте использовать другую тему или вообще не использовать ее.