Как найти нужный элемент по XPath или CSS-селекторам в Firefox можно узнать здесь.

Консоль разработчика открывается командой Ctrl+Shift+I (или меню правой кнопки Просмотреть код)

Страница и открытая консоль разработчика

Вкладка «Элементы» (Elements) и консоль (Console)

Консоль нужна нам затем, чтобы задавать XPath-запросы и указывать CSS-селекторы нужных элементов страницы.

Допустим, что нас интересует форма запросов Яндекса. Найти форму можно, указав на нее мышью и выбрав в меню правой кнопки Просмотреть код:

form.png

Или XPath-запросом в консоли вида $x("запрос"). В нашем случае это: $x("/html/body/div/div")[1]

xpath.png

Форма запроса является вторым элементом списка div'ов, содержащихся в <div role="main">.

CSS-селекторы задаются командой $$("селектор"). Например, форма запроса на странице Яндекса находится как

css.png

Обратите внимание на подсказку внизу вкладки Elements. Не нужно подбирать путь по селекторам или Xpath, Яндекс.Браузер сам подскажет его нам, позволит скопировать:

rc_menu.png

и подсветит соответствующий элемент на странице

podsvetka.png



Комментарии

comments powered by Disqus