Запросы XPath и CSS-селекторы в Яндекс.Браузере

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

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

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

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

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

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

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

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

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