Как взаимодействовать с элементами, которые нельзя проверить с помощью css / xpath в google-chrome-devtools

Question

Я часто сталкиваюсь с элементами, которые не могу щелкнуть правой кнопкой мыши, чтобы проверить их xpath или css.

Я хочу спросить, какие существуют другие способы нажатия на эти элементы?

Answer 1

Существует множество элементов / элементов управления, которые не могут быть расположены в HTML DOM , т. Е. Вы не можете щелкнуть правой кнопкой мыши по элементу, чтобы просмотреть их xpath через google-chrome-devtools.Вот три наиболее часто встречающихся таких элемента / элемента управления:

• Предупреждение : оповещения создаются с помощью JavaScript , и вы можете 'найти их в DOM Tree .Вы можете найти подробное обсуждение в Почему переключение на оповещение через селен нестабильно?
• Уведомления (PasswordRemember / GeoLocation / Microphone / Camera):

Эти уведомления не могут быть отслежены в DOM Tree .Здесь вы найдете актуальное обсуждение Как разрешить или запретить уведомление всплывающего окна с микрофонной камерой геолокации

• Вы уверены, что хотите покинуть эту страницу? popup:

Это сообщение также не может находиться внутри DOM Tree .Здесь вы найдете подробное обсуждение Как обрабатывать ниже всплывающее окно Internet Explorer «Вы уверены, что хотите покинуть эту страницу?» Через Selenium

Answer 2

Вы можете использовать Ctrl + Shift + C, он откроет devtools с выбором элемента для проверки включен. Просто подведите курсор мыши к элементу и щелкните, он переместит представление HTML в devtools в нужное место.

В качестве альтернативы, вы можете нажать F12 и переключить кнопку выбора элемента для проверки (верхний левый угол devtools).

Answer 3

Control + Shift + C или F12 откроет инструменты разработчика для вас, затем вы можете нажать на режим курсора в вашем браузере.

Answer 4

Если вы хотите получить локатор элементов, но щелчок правой кнопкой не работает, попробуйте следующее.

Сначала откройте окно инструментов разработчика, нажав Ctrl + Shift + I .Если это не сработает, сначала откройте инструмент dev, затем загрузите страницу.

После открытия инструментов dev нажмите на инструмент «выбрать элемент», значок принтера слева от инструмента dev.Вы можете напрямую получить этот инструмент, нажав Ctrl + Shift + C .

Затем наведите на элемент, который вы хотите получить локатор.Элемент будет выбран в DOM на вкладке элементов.Щелкните правой кнопкой мыши на элементах в DOM.Затем из контекстного меню перейдите в «Копировать -> Копировать селектор для CSS селектора» или «Копировать XPath для XPath».Теперь у вас есть локатор этого элемента в буфере обмена.