2014-04-09 4 views
0

사용자 정의 html (shadown dom) 요소를 만들기 위해 각 - 다트의 @NgComponent를 사용하고 있습니다.그림자 dom과 관련된 html과 CSS를 보는 방법

이제 프로그래밍 방식으로 구성 요소와 관련된 html을 변경하고 있습니다. 하지만 브라우저에서 연결된 html을 볼 수 없기 때문에. 그래서 html에서 변경 사항을 디버깅 할 수 없습니다.

사용자 정의 html (shadown dom) 요소와 연관된 html 표시를 사용하는 방법을 알고 싶습니다. 이것을 가능하게하는 자바 스크립트가 있습니까?

출력을 보려면 Dartium을 사용하고 있습니다.

+0

Chrome에서 그림자 돔을 볼 수 없습니까? – Nit

+0

Chrome에서 코드가 작동하지 않습니다. 나는 내가 dart2js 물건을 좀해야한다고 생각해. 그래서 나는 Dartium을 사용하고 있는데, 그것은 shadown dom html을 표시하지 않습니다. – jsbisht

+0

만든 DOM을 섀도우 DOM에 넣기 전에 콘솔에 기록 할 수 없습니까? 죄송합니다. Dartium에 익숙하지 않습니다. – Nit

답변

1

Dartium과 Chrome의 Shadow DOM을 보려면 DevTools에서 활성화해야합니다.

  1. 아래에서 DevTools로 창

  2. 의 오른쪽 상단에있는 설정 톱니 바퀴 아이콘을 클릭하여 페이지를 마우스 오른쪽 버튼으로 클릭하고 DevTools로

  3. 를 불러옵니다 "요소 검사"를 선택 " 요소 "로 이동하여"그림자 DOM 표시 "확인란을 찾아서 활성화합니다.

이제 DevTools의 요소 창에서 # 문서 조각을 볼 수 있습니다. 그림자 DOM입니다.

관련 문제