Selenium을 사용하여 Chrome의 '검색 데이터 삭제' Shadow DOM 요소와 상호작용하는 방법은 무엇입니까?

cssSelector를 사용하여 Chrome 브라우저의 검색 데이터를 지우는 동안 Shadow DOM(#shadow-root) 내에서 요소를 찾는 방법

Shadow와 상호작용하는 동안 Chrome의 '검색 데이터 삭제' 팝업에 있는 DOM 요소를 사용하려면 먼저 #shadow-root 요소를 찾는 것이 중요합니다. Selenium을 사용하려고 여러 번 시도하면 오류가 발생했습니다.

해결 방법:

이러한 오류를 해결하려면 아래 JavaScript 코드에 따라 #shadow-root를 찾으세요. 요소:

return document.querySelector('settings-ui').shadowRoot.querySelector('settings-main').shadowRoot.querySelector('settings-basic-page').shadowRoot.querySelector('settings-section > settings-privacy-page').shadowRoot.querySelector('settings-clear-browsing-data-dialog').shadowRoot.querySelector('#clearBrowsingDataDialog').querySelector('#clearBrowsingDataConfirm')

설명:

• Selenium은 Shadow DOM 요소와의 상호 작용을 명시적으로 지원하지 않습니다.
• Shadow DOM 요소에 액세스하려면 , 먼저 섀도우 호스트를 식별합니다.
• getShadowElement 메소드를 정의하여 Shadow Host 기반의 Shadow Root.
• Shadow Tree에서 요소를 찾는 방법을 사용합니다.
• 제공된 코드는 여러 번 필요 없이 원하는 요소를 직접 찾는 JavaScript 스니펫입니다. Shadow DOM 순회.

예 스크립트:

driver.get("chrome://settings/clearBrowserData");
driver.manage().window().maximize();
JavascriptExecutor js = (JavascriptExecutor) driver; 
WebElement clearData = (WebElement) js.executeScript("return document.querySelector('settings-ui').shadowRoot.querySelector('settings-main').shadowRoot.querySelector('settings-basic-page').shadowRoot.querySelector('settings-section > settings-privacy-page').shadowRoot.querySelector('settings-clear-browsing-data-dialog').shadowRoot.querySelector('#clearBrowsingDataDialog').querySelector('#clearBrowsingDataConfirm')");
// perform the desired action on the clearData element
clearData.click();

참고:

답변의 원본 텍스트에 제공된 스크린샷은 마크다운 제한으로 인해 이 응답에 포함되지 않습니다.

위 내용은 Selenium을 사용하여 Chrome의 '검색 데이터 삭제' Shadow DOM 요소와 상호작용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!