#google-chrome-devtools #shadow-dom
#google-chrome-devtools #shadow-dom
Вопрос:
Я использую Chrome dev tools для проверки моих селекторов css при написании E2E-тестов с использованием Playwright (или Puppeteer).
Чтобы проверить, что селектор действителен и его можно найти, я использую панель поиска cmd f на вкладке Elements в DevTools следующим образом:
Но как я могу найти селекторы внутри теневого корня?
Просто для ясности: этот селектор можно найти с помощью кода. Я просто не могу найти его в DevTools
Комментарии:
1. Devtools больше не могут этого делать. Раньше это было возможно, но теперь Chrome удалил комбинаторы, проникающие в тень. Вы можете предложить им попытаться заставить поиск работать хотя бы в пользовательском интерфейсе, может быть, они найдут способ.