왜 # 그림자 루트 내 문서에 왜 내 CSS

첫째을 무시한다, 그러나 나는이 두 가지를 중복왜 # 그림자 루트 내 문서에 왜 내 CSS

및

을 보았다 문제가 adblock에 있음을 제안하고 나는 adblock을 완전히 비활성화했습니다.

나는 shadow-root가 어디에서 오는지에 더 관심이있다. 왜냐하면 나는 확실히 거기에 넣지 않았기 때문이다.

크롬을 비활성화하는 옵션이 있다는 것을 읽었습니다. (흥미롭게도 충분히 비활성화되어 있습니다 ...)하지만 이것은 내 웹 사이트를 사용하는 모든 사람이 똑같이해야한다는 것을 의미합니다. 제 응용 프로그램에서 제로 유용성을 제공하기 때문에 완전히 제거하십시오.

저는 쉐도우 돔에 대한 기사를 여러 권 읽었으며 그 중 아무도 겉으로보기에는 왜 보이지 않는지에 대한 통찰력을주지 못했습니다.

내가 inspector/view 페이지 소스에서 본 것부터, 내 앱의 전체 내용이이 그림자 DOM에 렌더링되어 내 스타일을받지 못했습니다. 나는 레일을 사용하고

는, 반응, REDUX, 반응-REDUX, 반응 라우터

소스에 아무런 관계가 없다는 것을

크롬 개발자 도구 화면

페이지 소스 화면

공지 사항 반응하는 div가 렌더링되어야합니다.

추가 정보 : 일반 및

시크릿 크롬에 표시 스타일이 적용되지 않은 페이지가 자동으로 관리자에서이 그림자 루트를 만들 사파리

2016-08-24 nick

실례 또는보고있는 스크린 샷을 제공 할 수 있습니까? 시크릿 탭에서 같은 것을 보았습니까? –

'# shadow-root' 란 무엇입니까? CSS 선택기? 'id = "shadow-root'가있는 HTML? – Oriol

... 시크릿 탭의 dev 도구에서'shadow-root '가 보이십니까? –

에 모든 크롬 플러그인의 많은 작동하지 않습니다. 예를 들어 Vimium을 다운로드 한 이후로 Chrome에서 연 페이지의 맨 아래에 shadowroot div가 있습니다. 걱정할 필요가 없습니다.

2016-08-24 02:01:20 ConorBCarey

동일한 문제가 발생하여 Adblock Plus에서 # shadow-root가 추가 된 것으로 나타났습니다. 위의 리소스 덕분에 나는이 문제를지지 할 수 있었다.

2016-09-13 07:15:52 PsydeStep

나를 위해 그것은 또한 Adblocker (uBlock)이었고 실제로 가져온 트윗을 보여주는 웹 페이지의 일부를 숨기고 있었다. 내 사이트에서 광고 차단기를 사용 중지했습니다.

2016-09-21 11:42:15 Flion

답변