답변

9

어떤 음영 DOM (음영 DOM v0 또는 음영 DOM v1)을 사용하는지에 따라 다릅니다.

http://caniuse.com/#feat=shadowdomv1

사파리의 어떤 버전이 그림자 DOM의 V0를 지원하지 않습니다 http://caniuse.com/#feat=shadowdom를 참조하십시오. 그러나 지금까지 iOS의 사파리 버전에는 다음과 같은 제한으로 10.2 이상 지원 그림자 DOM v1을 같은 :

특정 CSS 선택기가 (:host > .local-child)를 작동하지 않는 스타일링 컨텐츠 (::slotted) 버그가를 슬롯.

지금까지 그림자 DOM의 V0과 V1의 차이는, 웹킷/사파리 관리자의 그림자 루트를 참조하는 방법에 대한 https://hayato.io/2016/shadowdomv1/


보는 바와 같이, 당신은 그림자를 보여 클릭해야 버튼이있다

뿌리;

WebKit Inspector shadow-dom button

을 그리고 관리자 UI, 그것은 탭 아래 오른쪽에있는 도구 모음입니다 : 그것은 다음과 같습니다. 활성화되면 파란색으로 변합니다.

enter image description here

+0

그림자 DOM V1. 불행히도 검사관의 그림자 뿌리가 보이지 않습니다. 깃발이나 무언가를 켜야합니까? – geoyws

+0

이미지보기 방금 답변에 추가했습니다. – sideshowbarker