개선된 DOM 탐색경로

요소 패널에 탐색경로가 있다는 것을 알고 계셨나요? DOM을 탐색할 때 단계를 추적하는 데 도움이 됩니다.

Canary에서 Material Design 실험을 사용 설정할 수 있습니다. 좋은 점 몇 가지:

  • 탐색경로가 시각적으로 더 잘 보입니다.
  • 경로가 잊기 쉬운 하단이 아닌 상단에 더 가까워 가시성이 개선되었습니다.
  • 전반적으로 DevTools UI의 일관성이 개선되었습니다.

탐색경로 내의 각 '크럼블'을 클릭할 수 있습니다. 이렇게 하면 DOM 트리 뷰에서 관련 DOM 노드가 강조 표시됩니다.