Я пытаюсь проверить тень DOM для определенных элементов управления HTML5, например, для выбора даты для input type="date" и раскрывающегося списка фактического предложения для входов, привязанных к datalist. Предпочтительно в Chrome, но другие браузеры тоже будут делать.
Я обнаружил, что, включив параметр Shadow DOM в настройках инспектора Chrome, я могу проверить теневую DOM для фактического input (который включает в себя стрелку ::-webkit-calendar-picker-indicator для отображения datepicker), но не сам datepicker:
То же самое относится к datalist. Похоже, что эти элементы управления не являются частью ввода, но я также не могу найти их где-либо еще на панели элементов.
Можно ли проверять такие элементы?
Небольшое редактирование для пояснения: я действительно ищу, какие псевдоклассы применимы к элементам управления. Там много сайтов, которые перечисляют некоторые из них, но мне еще предстоит найти источник, которому удается перечислить ::-webkit-calendar-picker-indicator для элемента datalist, который применяется. Я ищу больше тех скрытых ублюдков, и лучшим источником для этого, конечно же, является лошадиный рот.
Похоже, что фактический сборщик загружен на совершенно другом уровне (в основном, в другом окне без заголовка). Поэтому я думаю, что ответ: нет, вы не можете.
Я согласен, что было бы здорово настроить его. И подобные всплывающие окна тоже. Mozilla в XUL имеет display:popup, который используется контекстными меню, всплывающими окнами и другими подобными вещами. Было бы замечательно, если бы вы могли использовать это в контенте userland.
Всплывающее окно Google Chrome не отображается в Shadow DOM. Это на отдельной странице, отображаемой во всплывающем окне. См. WebPagePopupImpl.cpp
И всплывающее содержимое написанное HTML/JavaScript.