shadow-dom

6열

1답변

하나의 중첩 된 두 개의 사용자 지정 요소 (v1)가있는 웹 구성 요소를 사용하여 간단한 예제를 만들었습니다. index.html을 : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example</title> <meta name="description" conten

0열

1답변

웹 페이지에서 폴리머 요소를 올바르게 제거하는 방법

웹 페이지에서 폴리머 요소를 제거하는 데 문제가 있습니다. 목록 항목에 콘텐츠가 들어있는 정렬되지 않은 목록을 통해 캐 러셀을 만들었습니다. 이 콘텐츠 중 일부는 단순한 HTML이며 일부는 이미지이고 일부는 동영상이며 일부는 폴리머 요소입니다. 언제나 <ul>은 jQuery .empty() 명령으로 지워집니다. 내가 직면 한 문제는 폴리머 요소가 올바르게

1열

1답변

웹 작업자에서 그림자 DOM을 사용할 수 있습니까?

웹 워커는 DOM을 조작 할 수 없다는 것을 알고 있지만 웹 워커 내에서 그림자 DOM을 조작하는 방법이 있는지 알고 싶습니다 (UI 스레드에서 나중에 첨부). 거의 확실하지 않더라도 정보/문서를 찾을 수 없습니다.

0열

1답변

IE 및 Firefox에서 Webcomponents.js 문제 발생

간단한 웹 구성 요소를 만들려고합니다. 브라우저 호환성을 위해 NPM 패키지 webcomponents.js (버전 0.7.23)를 사용합니다. Polyserve로 작은 코드를 실행합니다. 내 코드는 Github에서에 : https://github.com/olofweb/Webcomponents 크롬에 (버전 55) -> 확인 IE에 (버전 11) -> 파이어

3열

2답변

셀레늄을 사용하여 폴리머 요소와 섀도우 DOM 검사하기

그림자 DOM 안에있는 요소로 셀렌을 사용할 때 문제가 있습니다. 이 트릭이 있습니까? 내가 뭔가 잘못하고 있는거야? var webdriver = require('selenium-webdriver'); var driver = new webdriver.Builder().forBrowser('chrome').build(); driver.get('https

1열

1답변

CSS 캡슐화를위한 iframe에 그림자가 아직 존재합니까?

페이지에 여러 개의 독립적 인 웹 응용 프로그램을 포함하려는 유스 케이스가 있습니다. 나는 그들에게 서로의 CSS를 간섭 할 수 없도록하고 싶다. 고전적인 그림자 DOM 사용 사례처럼 보입니다. Shadow DOM과 사용 가능한 폴리필 (특히 ShadyDom과 ShadyCSS)이 사용 사례를 지원하기에 충분한 지 결정하려고합니다. 이것들은 기존의 웹 응용

3열

1답변

여러 섀도우 루트에 공통 CSS 스타일을 한 번에 적용하는 방법은 무엇입니까?

그림자 div를 사용하여 내부 div-soup 및 레이아웃을 숨기는 요소는 거의 없습니다. 그들은 힘들어도 일관된 방식으로 스타일을 지정해야하는 요소와 동일한 CSS 스타일 시트를 공유합니다. 예를 들어 CSS 프레임 워크 (부트 스트랩) 일 수 있습니다. 이 스타일 시트는 꽤 큰 문제입니다. 많은 그림자 루트 (SD V1에서) 사이에서 그러한 큰 스타일

0열

1답변

내 SVG 사용 요소가 참조하는 경로와 다른 d를 표시하는 이유는 무엇입니까? 내가 <code>defs</code>에서 <code>use</code><code>path</code>에 노력하고있어

(스크린 샷 첨부). 경로가 시각적으로 나타나기 때문에 참조가 올바르지 만 다소 차이가 있습니다 (그림자 DOM에서 명백한 것). 원래 경로까지입니다. 크기 조정/위치 지정 문제가있는 것으로 보이지만 원본 경로 나 사용 된 경로에 변형을 추가하지 않았습니다. 크롬의 inspect 요소에있는 DOM + shadow DOM을 보여주는 스크린 샷입니다. 도움이

1열

1답변

중첩 된 웹 구성 요소 문제

webcomponents.js 및 Shadydom 폴리 필을 사용하여 웹 구성 요소와 게임을합니다. 내 코드는 Github에서에 : https://github.com/olofweb/webcomponents-action-bar는 첫 번째 webcomponent는 my-action-2입니다. 제목이있는 버튼입니다. 두 번째 웹 구성 요소는 my-action-b

1열

1답변

ShadowDOM을 사용하여 창/탭 제목을 변경할 수 있습니다.

Chrome 확장을위한 디자인 작업 중입니다. 실제 <title /> 태그를 변경하지 않고 탭에 표시된 제목을 변경할 수 있기를 원합니다. 백그라운드 스크립트에서는 제목에 읽기 전용 값으로 액세스 할 수 있습니다. 일반적으로 콘텐츠 스크립트를 사용하고 실제 <title /> 태그를 변경합니다. 이 옵션이 될지 확인하기 위해 ShadowDOM을 실험하고 있습