개선된 DOM 탐색경로

Umar Hansa

Twitter 홈페이지

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

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

• 탐색경로 트레일이 시각적 관점에서 더 보기 좋습니다.
• 트레일은 잊기 쉬운 하단이 아닌 상단에 더 가까우므로 가시성이 개선되었습니다.
• 전반적으로 DevTools UI가 좀 더 일관적으로 느껴집니다.

탐색경로 트레일 내의 각 '부스러기'를 클릭할 수 있습니다. 이렇게 하면 DOM 트리 보기에서 관련 DOM 노드가 강조표시됩니다.