Как нажать на кнопку, которая находится в shadow-root через javascript?

введите сюда описание изображения

Как при помощи js кликнуть по кнопке "Детали" ?

Эта страница - chrome://extensions/


Ответы (1 шт):

Автор решения: Grundy

У элемента есть свойство shadowRoot, к которому можно применить уже методы для выбора элементов такие как .querySelector и другие.


Также хром предоставляет возможность скопировать селектор к элементу, в том числе и для js.

Для этого можно нажать правой кнопкой на нужном элементе и выбрать Copy -> Copy js path

введите сюда описание изображения

Что в результате может дать следующее

document.querySelector("body > extensions-manager").shadowRoot.querySelector("#items-list").shadowRoot.querySelector("#dpngiggdglpdnjdoaefidgiigpemgage").shadowRoot.querySelector("#detailsButton")
→ Ссылка