BrowserAutomationStudio. Урок #2. Селекторы. Поиск элементов. Парсер ленты twitter.


17 590 просмотров.

Краткое описание видео: .приветствую это второе видео из.обучающего видеокурса по грозы автомашин.studio.она посвящена методам поиска элементов.на странице и нужно сказать что в.большинстве случаев по сделают всю.работу за вас и сам предлагает метод по.которому потом можно правильно найти тот.или иной элемент.но бывают случаи когда этого бывает.недостаточно и вам нужно либо.отредактировать тот метод который.приложил бас с неба самостоятельно.написать свой с нуля.а такие методы которыми с помощью.которых элемент на страница может быть.найден называются от векторы вас.поддерживая четыре типа селекторов и.каждый из которых будет рассмотрен в.этом видео я хотел бы также сказать что.видео не содержит.принципов работы с браузером если вам.нужна эта информация то есть как.нажимаете на кнопку как выйдет текст и.так далее то вы можете обратиться к.первому видео где это рассмотрена.не очень детально или к 8 видео где это.рассмотрена во всех подробностях и тоже.видео содержит только информацию о.поиске элементов давайте запустим базу.начнем знакомство селедки.к началу я перемещу сетку актив проулка.сколько мне понадобится только канавку.отволок это можно сделать простым.перетягиванием так панели браузера будет.больше места и начнем с того что.загрузим какую-нибудь страницу.я загрузил фейсбук.допустим мне нужно зайти в свой аккаунт.как им песни и человеческим языком как у.последовательных действий не нужно.совершить но мне нужно передвинуть.курсор мыши к полю.года почту или телефон липнуть туда и в.битва логин или думал если вы видите.любому человеку такое объяснение он без.труда справятся но как объяснить бас что.такое поле для ввода почты или телефоном.как отличить его от множества других.элементов на странице и как раз чтобы.идентифицировать элементами.потенцировать правильно торин задрала.разработчиков и существует себя таро.чаще всего себя то это просто строка.строка которая раскрыт.описывать расположение элемента правда.еще в роли света могут.может выступать изображение это случае.поиска по изображение но давайте.рассмотрим все таки строчные светка.обратите внимание я сейчас предлагаем.курс он и помимо того что активная.ребенка свешивается красным.прямоугольником.внизу слева в панели браузера keys.меняется текст и вот это текст как раз.является одним из селекторов один из.возможных сектором дело в том что он.след спектром при 1 этаже того же.элемента может выступать в очень много.это похоже как с одного места в городе.другое можно добраться разными путями и.вас предлагает тоже предлагают несколько.себя там.аниме такую особенно что каждый из них.является уникальным то есть он находит.один и только один элемент на странице.именно тот который вы выбрали.курсором и дополнение 300 давайте.посмотрим как это выглядит я ложу сюда.ввести сюда текст наш момента не выбирал.вот текста и уберите что это действия.содержит молока днепра метров но первым.из них есть селектор элемента и 5 к.простой селектора которым я говорю.альбом действие которое подразумевает.работать с элементом всегда первым.параметром первым храним параметрам и.dance electro элемента он состоит из.двух частей первая часть это тип.селектора.и вторая часть это текст света вас.поддерживать четыре типа селектор css.экспорт матч из себя-то по изображению.песни типси vectra можно кликнув по вот.этой кнопки которая находится справа в.одном параметре себе гтра элементом.здесь вы видите несколько вариантов css.матче expose про который я уже сказал.еще.элемент можно найти понял калина там для.этого существует такой вариант с ними.от здесь ничего сложного просто боится.координаты geeks & big легенд и.последний вариант это но он пищит су.страницу.это может быть полезно если вы хотите.допустим делать скриншот всей страницы.или это не java script и вам неважно.какому элементу.будет применял этот скрипт.поле сильвестра по умолчанию находится.именно тот уникальный спектр которые.предлагают баз и большинстве случаев его.можно оставить как есть и продолжим.сходить другие параметры поле селектора.не совсем обычная помимо названия.входного параметра.она также содержит индикатор количества.найденных элементов он отображает.сколько на текущей странице было на зиму.элементов по фазе на единому вам с вами.селектору.данном случае это число 1 и это будет.всегда один для взгля спектра.приложенного баз по умолчанию потому что.она выдает такой спектр который находит.только один единственный элемент.так же для удобства разработчика баз.подсвечивая найденные элементы в.браузерах.с помощью синих прямоугольников и вся.эта информация обновляется в реальном.времени то есть если я сейчас изменился.виктор то он вас 1 вид и индикатор и.отображение в браузере согласно новому.селектором давайте попробуем как это.работает я обведу селектор которых.заведомо неправильные и который точно не.существует на странице.видим что индикаторы за бы изменился на.0 или элемент нужно не элемент он.перестал подсвечиваться на страницу.еще есть какой css селектор который.состоит всего из одной буквы l и от при.помощи него можно найти все ссылки на.странице то есть он соответственно.прямой ссылке.драсти бокалом как это работает в бас и.обложу.и и введите снова индикатор изменился на.54 это означает что на этой странице.находится 50 4 ссылки.и каждый из них подсветилось с помощью.синего прямоугольника но конечно не.каждая потому что на странице здесь.ссылке который не видны такие ссылки и.конечно же не подсвечиваются в этом.уроке я также буду рассказывать процессы.векторы и и расскажу почему именно одна.буква n является с вектором для всех.ссылок.это будет немного позже ну смотрите если.вас настолько хорошо.ищет насколько хорошо предлагать.селектора по которым можно искать.элементы то вы можете спросить а зачем.тогда вообще это поле почему бы сделать.сегодня видимом и пусть пасом всегда.предлагает свет или пользователь будет.его используется чем разработчика.обременяют дополнительными параметрами.которые он должен вести но я сейчас.покажу пример когда требуется.непосредственное вмешательство.разработчиков и когда это необходимо.загрузился грибов.да иногда бывает такое что страницы не.загружаются это может означать что.выполняется по курсу это запрос которые.либо не выполнился дебаг тот который.продолжается долго и сейчас я могу.просто нажать на прервать.но если я буду запускается скрипт режиме.запуска то это не сработает.очень простой способ исправить это.это убрать вот эти часы я рассказывал.про них в первом уроке и они если они.включены если они активны то не летела.так что вас будет ожидать полного.загрузки страницы после этого действия.если их убрать.то действие загрузить путь происходить.мгновенно вот вы видите страница.перезагрузилась но действие не.останавливаться и не зависать хорошо.продолжим секторами.я хочу ввести текст вот на это поле.я разбирали точно так же как и раньше.нажимаю на ввод текста и вожу здесь.текст но вы видите что select и.предложенный бас он немного необычный.здесь есть множество цифр в конце.хорошо трассе я все равно посмотрим как.это будет работать я нажимаю ok и.восходит текст но если я перезагружу.страницу.и выполню снова это действия то вас.снова погибнуть объясняю почему.смотрите такого с вектора на странице.больше не существует.сейчас он поменялся айди элемент об.огнях сахар и на самом деле этот айди он.генерируется каждый раз при обновлении.страницы вот посмотрите это новый новый.спектр как это исправить.конечно можно написать спектр заново.сделать его с помощью кого-то.правильного expose или матч но вас.позволяют сделать это очень быстро и.просто.каждому элементу пан предлагают.несколько типов свет трав и в данном.случае он предложил их 2.и если вы посмотрите то несмотря на то.что первые отличаются при загрузка в.стремится второй остается таким же я.могу взять старое действия и просто меня.заменить первый сектор на 2.если я попробую вызвать его сейчас-то он.отработает правильно смотрите текст.велся я говорил что спектра которые тени.жиробас они уникальны и это.действительно так потому что.селектор был мухаммад во время этой.загрузки страницы не существовало.элементы с таким именно с таким айди.нового после загрузки он он изменился.девственниками проявляются только для.текущей загрузки страницы.сейчас я покажу как настройка ведения.баз в случае ошибки для этого я.воспользуюсь старым неправильным.селектором и запущу ему.если элемент на странице существует то.здесь все просто вас просто выполняют те.же действия с ним которых забыл.разработчик выполняя скрипта сша то есть.приходит следующим действиям если.элементы на странице не с то у вас будут.ожидать его 60 секунд если в течении.этого времени элемент на скрине цене.появятся.топаз вызывают ошибка и поток.перезапускается нужно понимать что.ошибка в потоке.я обязательно означает остановку всего.скриптом всего приложения после ошибки в.потоке поток всего лишь перезапускается.с другими данными.это это поведение можно настроить с.помощью брал плохо игнорировать по.ошибке то есть ошибка не фатально данном.случае сейчас я запустил действие с.селектором который не существует и.сейчас бас постоянно опрашивают страницу.а появился ли сейчас элемента страницы.а появился ли сейчас если он бы сейчас.появился топаз вел бы в нем в него текст.ровно так как указано действий вот тесто.но поскольку селектор точно не правильно.и такого элемента на странице никогда не.я появится то у вас просто будет.тащиться от секунду кайман то я не хочу.ждать это время нажму кнопку прервать.один из вариантов как можно изменить.проведению бас это настрой тайм-аут то.есть если допустим разработчик знать.что-либо или нет появится к чему ты че.се ты либо не появится во всех.поэтому ему не стоит ждать.через от все 60 секунд это будет тратой.времени и чтобы это настроить кнопка с.песочными часами я уже рассказывал о нем.они в первом уроке сейчас кратко повторю.она находится всегда справа от кнопки.убьют и отмена.если нанес нажать то можно выбрать.максимальная длина ожидании элементов по.умолчанию оно равно 6 секунд ее значение.0 как раз он задает значения по.умолчанию.мне нужно пять секунд поэтому я вас.тогда опять нажимаю ok и сохраняю это.действие еще после выполнения действия.добавлю лук чтобы показать когда скрипт.продолжить работу а когда нет очищаю wog.и запускаем действиям сейчас скрипт.будешь стонать 5 секунд и выдаст.сообщение об ошибке.сообщение в лоб при этом не будет вы.видимо так была ошибка и дальше.продолжать бесполезно сообщение об.ошибке анальный такой формат мне удалось.дождаться элемента и после этого его.себя ты спектр нужен для разработчиков.чтобы он поймал о каком именно менти.идет речь.нужно сказать что выставляюсь в каждом.действии.сообщение об ошибке максимально время.упомянул задания это достаточно.проблематично потому что если у вас.огромные скриптовый редактировать каждое.действие может быть сложным и чтобы.задать канал для всех действий моделей.браузер есть действие тайм-аут его нужно.вызвать.до выполнения действий и все действия.которые будет после него они будут с.таймаутом который задам здесь допустим я.хочу выстрелить thermal 3 секунды здесь.он задается в миллисекундах я выставляет.3000 что соответствовать трамп секундам.нажимаю ok и да россия вернуться.стандартное значение чтобы.продемонстрировать работу действия the.month.если бы его не было то действия бы вот.текста ждала будет минуту а так вышло 3.секунд давайте проверим снова ощущаю лаг.и запускаем.как видите прошло три секунды и скрип.снова но у то же сообщение об ошибке.действия тайм-аут есть еще один параметр.этой тип тайм-аута.практически все действия соответствует.типу general мол если же действие сола.которая нужна для.решение капчи второе действие full.пришло то ничего не использовать она.здесь больше для отладочных целей и.сразу на с ожиданием полной загрузке.страницы хорошо как еще можно настроить.ожидании элемента сверху нацию.селектором элемента или всегда есть две.вот эти галочки то есть в любом действии.которое работает с элементом и у которых.есть селектор над центром элемента есть.вот эти две овцы стро из них это она.называется остановить поток если именным.и назим вот эта опция как раз и убирают.вывод сообщения об ошибке.то есть если я сейчас уберу и я также.поставленного максимальное время.ожидания.ты секунды чтобы не ждать если я не.играю то сообщение об ошибке не.выводятся воздействует так ну меня нужно.ввести текст во это поле.его нету ну ладно я просто когда.продолжим выполнение скрипта просто не.буду вводить текст руки очищаю бог и.кругу как это будет работать сейчас бар.будешь ждать три секунды и продолжить.выполнение лист с нами никакое форма не.фарма не будет заполнена туда не будет.людям они какое значение потому что.симметры неправильно.но тем ни менее действовать работает еще.есть опция ждать правлением элемента.если я не убираю.а помучаю она включена то вот эти.песочные часы некие действия тайм-аут.они встают бесполезными то есть чтобы я.сюда не поставил давайте поставим тысячу.тысячи секунд чтобы я сюда не поставил.это действие будет завершаться мгновенно.то есть либо сразу решит или выполнить.его или пропустит.смотрим как это работает вот сейчас.обратите внимание действовал ввод текста.будет выполнено мгновенно никакого.ожидания не происходит я верну значение.по умолчанию и еще один способ как.обойти постоянно меняющиеся селекторы.есть работа с координатами то есть я.могу либо найти элементы по координатам.вот так вот выбрать пять мест из вектора.и везти сюда что-нибудь.и текст будет виден даже после.перезагрузки.давайте краем.но дело в том что я бы не рекомендовал.использовать координаты для поиска.поскольку если вы обновите.если вы измените высоту и ширину.браузера то из ваш скрипт который.построена координатор всего нужно 2.переделывать поскольку значение.элементов они изменяются я уже не говорю.что сам может поправить поправить свой.внешний вид и как-то перевести элемента.куда-то влево и вправо конечно он может.изменить разметку страницы инспектор это.же перестанут быть актуальными.но как знаком привязываться очень тяжело.и нельзя советую делать это только в.крайнем случае лучше уж работает с.искать и любит по изображению но еще.один способ ввода по координатам это.действие двигать мышь и крикнуть плевать.мы шли китнисс по координатам.вы вызываете это действие москве к по.полю и тем самым переносит фокус войда.понял а после этого нужно использовать.не ввод текста на элементе а вот текста.моде mybrowser он просто воют текст.текущие активная.на поле давайте попробуем.есть еще один способ как можно.продолжить выполнение после ошибки я.сейчас его продемонстрирую вот эта.галочка она работает только для действий.с элементами но как быть если можно.проигнорировать ошибку каком-то другом.детстве давайте я уберу ожидании.появления чтобы ошибка выдавал и сразу и.для этого можно обернуть.нужны нужное действие и виновные.действия в блок игнорировать ошибки и.это абсолютно ли насильно как в этом.действии.играть останавливать поток весь элемент.не найден.я сейчас продемонстрирую.я выполнял это действие или пусть оно и.произошло с ошибкой поскольку этого.элемента не существует но скрипт все.равно продолжу свои выполнения также.существуют возможности узнать.половина шутка время последнего блока.двигаются ошибки.много другого с разного с этим блоком.будет рассказано в отдельном уроке я.просто путем показать что такое возможно.но все-таки для элемента для считают.предпочтительно выбирать эту палку.поскольку не нужно создавать новые.действия.имею это более наглядно теперь мы.переходим самой сложной частью урока это.создание собственных селектором я уже.использовал спектра предложенному бас.использовал другие варианты сектора в.предложены пас но бывают случаи когда от.без создания собственных электро не.обойтись начали немножко теорию текст.работы с напоминает что страницы.это в принципе обычный текст.но формате html формате.m l он предполагает что те состоит из.множества пегов и каждому cable каждому.элементу.на странице каждому полю каждой ссылке.каждой кнопки каждому чем боксу.соответствует какой-то тек или задачи.селектора как раз состоит в поиске.нужного ты про правила топ который хочет.разработчик найти среди множества других.тегов.ну если начинать знакомство с hdmi.стремится небольших сайтов.таких как то боксе лица из пункта.это очень сложно а не просто громадный.там много разных тегов многом куча всего.и них это может затруднить понимание.поэтому я решил сделать своими небольшую.страницу и заодно показать вам об этом.как выглядит hdmi и дополнить это.примерно как из этого просим коллаж тема.2 составляет света.потом же можно по вот этим примером.научиться составлять след карри с самыми.самостоятельно.давайте посмотрим давайте сделаем самую.простую страны и слуг выгодно которую.только возможно это просто текст строка.1 пасс я удаляю все старые действий.загружалась границам который только что.сделал тихим голосом стекла латинские.ниц и загружаться но ничего никакого.интереса на для нас не блистал хватить и.вам что-то поинтереснее я уже говорю что.html документ состоит из тегов.множество танков который друг за другом.можем дяденька и так далее.так это имя тега.помещенного в скобки здесь открывается.так а так закрывается так то же самое но.со слешем начали перед ивентами.и html определяют задается множество.типов например.он мой взгляд строку.то есть если она пищу купаться меню инна.как ананди.добавлен пробелов просто для детальности.таокака стремится будет означать что она.содержит один как одну ссылку в которой.из текста к 102 тела и все-таки сделаем.что-то поинтереснее желатель делали.твист реки строка 1 и строка 2 то есть.последователь 2d косынки и посмотрим за.грехи мать иссечение суп развели вас и.посмотрим как они вы видите что у нас.низкое скрипте.по крайней мере отображается имя у.каждого тега может быть сколько угодно.атрибутов они задаются так вот есть имя.как и в открывающемся теги можно.добавить атрибут потребуется равно идет.скобку значение.ну это как бы ключ-значение т.е. стал не.можно так никто не делает много я просто.как методы можно задать ширина 1 равно.там 100 пикселей и отлипнет а может быть.сколько угодно может быть убит один.значение 12 лечения зал и.это все сдается только при открытии ..если так неправильно так это.неправильная разметка и опять же html.задает многом стандартных атрибутов сюзи.которых особый интерес представляют.анди что такое antique это это.идентификатор элемента на странице то.есть это фактически и толка можно найти.элемент на странице и это идеального.просветами потому что он должен быть он.должен быть уникальным то есть вытаращил.сделал это неправильно не может быть два.элементы с одинаковым сигналом пойди.конечно браузер отобразит такую страницу.тоже буду с ней работать но все таки.большинство танков придерживаются такого.правила что аиден разным что иди в.разных элементов разных ее теста 1 на.странице присутствует.или и нам нужно найти эту таки днем то.он задача выполнение но просто находим.его поить и старайся посмотрим как с.такой задачей справится вас сохраняем.страницу и перезагружаем и теперь.пробуем ну допустим вы помните крик нам.нужно только что он показалось сметка вы.знаете что вас первое предложение света.который он нашел это как раз один.mentos и решеткой маша да вот на языке а.css лекторов пришел к облачали.это означает найди такой элемент с таким.вот этим который стоит после решетки.да ну еще раз повторю что первое сейчас.с лектора она postal это не css селектор.это просто бьют тип светка.сам селектор это вот то что сейчас.видели решетка line 1 давайте посмотрим.что в авто во втором элементе.какой-то msi монстр ну и там.соответственно светка по-другому айди.хорошо еще могут быть атрибуты.еще и есть атрибут класс квас быть.одинаковым.это очень часто встречается допустим.здесь clans а и стресс clans и это.абсолютно нормально но как суще когда.они разные и по классу.тоже можно определить элемент на.странице.допустим если взять вот эту страницу вот.как оно или сейчас-то.если мы хотим найти строку один то мы.можем привязать а клаус и сказать что мы.ведущим элемент ссылок классом а осенью.хотим найти строку 2.помнит ищем элемент класса б и не.заметил что я специально дал уйти потому.что если есть.айди the base привязывается то есть если.ставите там больше уже ничего не нужно.но посмотрим как он отработает на таком.более сложном пределе.и вы видите что первым тревожным.элементом опасным драги мою тип.селектора это селектор пал.то есть это как бы первый элемент.отец не велись основе думаю нам 2.элемента.последний элемент на 0 2 но вторым.вариантом предложенным здесь все-таки.спектр по классу и.спектр по классу он будущий spectral по.айди он начинается с точкой то есть если.запрос начинается с . это мешает что.найди мне о такой элемент.класс которого соответствуют тому что.после точки пока довольно несложное мне.кажется еще есть селектор и.по имени тега по имени кодом и анг если.на странице лист.миллион девяносто конечно же искать.элемент почему это не очень правильно.потому что их очень много а нужно.выбрать все один какой-то единственный.ну если на страница.давайте я покажу кучу еще есть им.накинута вот 1 из 3 пункта эта ссылка.ссылка задается атрибутом с именем а.обычные вильям тогда сегмента.атрибуту не он звался age of love.это значение это у этого атрибута.это с это адрес url ссылки то есть сцена.пищу здесь google.com.то это наш путь означает что это ссылка.с текстом строка 1 возьму.заменима с люком один который ведет.google.com посмотрим какие типу.селекторов он будет использоваться и.смотрите в этом случае вас используют.просто себе открой котором я рассказывал.раньше то есть селектор который состоит.из одной буквы и теперь вы понимаете.почему состоятельность только за мной.буква потому что имя.ты играл она состоит из букв указ.является.то есть число 7 оттар составит просто из.текста какого-то это означают найди меня.ты с таким именем как этот текст коп.текст цвета и если я допустим за меня.сейчас свитера мальдив то увидите что.угодно ген в сторону ними этому стал.показ.имя элемента де мы уже научились искать.элементы по атрибутам айди.и party but i класс и теперь я хочу.показать как можно найти элементы по.произвольному атрибутом я этого я.немного изменил нашу страницу.сделаю так чтобы на нем было 2 ссылки.первая ссылаться на году странный lindex.ссылка 1.и ссылка 2 загружаю это все он пас я.вижу две ссылки и пас выдает такой вот.селектор позже я расскажу что он.означает с.час я хочу показать только съехать по.атрибутам как его задач сначала делаем.квадратные скобки и внутри пишем имя.атрибута.равно значение обратите внимание пока я.печатаю по краю не закончил не хватает.всего лишь одного символа.bass вы даете индикаторе количество.элементов но это означает что таких.элементов мне надо на то есть он ищет.полное вхождение чтобы а ты будь.полностью равнялся вот этому значение.тогда я добавлю последнюю букву того он.наконец на делать первую ссылку если же.я изменю значение атрибута красного.lindex то он идет старую сумку будто по.просто можно найти элемент по от луки.может даже за часть разметки или не.просто иди скопировать и new.это может сработать.еще есть.важен и из векторы html.он подразумевает что теги вложены друг.друга но живет грека можете найти.странице в интернете где ты ведут по.гранд просто строка 1 строка 2 и так.далее обычно они вложены.его селекторы позволяют.привязаться к тому чтобы искомого.элемента был какой-то предок и я сейчас.покажу как это сделать.допустим у нас мест строка.сердцем.закрой как правильно то же самое.кем-то строка 2 этаже самого ссылка тут.искать этот или этот или минут вот каких.разграничить селектором с помощью кибу к.не получится с помощью имени тогда тоже.не получится а вот с помощью предка.получится как это сделать себя сейчас.покажу.упал на вот интересно чтобы.перезагрузить страницу на самом деле пас.уже предложил тот вариант который я.хотел использовать вот такой вот цвет.так вольность знал больше и больше в.свет означает найти элемент сайте line 1.у которого точнее.найди мне с названием the goal у.которого предок которого без предок.sl101.то есть это может звучать сложно но если.посмотреть на эти уступки не питал это.впринципе понятно и если я изменю это.назвал то вас найдет мне станем ссылку.без жилья игру вот это условия право.предка.то будет на 1 обе ссылки что в принципе.меня не устраивать большом бывают случаи.когда активизации действительно нефти ну.вот например топ пример с которого мы.начинали есть.не строки.строка 1 строка 2 них нет нет это не так.у них одинаковая дима ты глок них нет.пути стал предка у них вообще нет у.предков а мне нужно найти конкретно вот.этот элемент или конкретно.как это делается давайте посмотрим на то.как решать задачу balls если я посмотрю.на селектор которому предлагают то он.будет не смута тут что это означает это.означает найти вот эта конструкция and.sharp оно означает найти первую скажем.так 1 1 элемент среди потомков.то есть это как первый брат то есть.просто поезд по упрекнул номер и так же.dice конструкция которую я показывал.раньше у которого при этом моде что.такое так будем откуда мы вообще здесь.лицо.размер тела точным лето но я должен.заметить что страница которую создал не.совсем соответствует правилам html по.правилам ес все содержание страницы.должно находиться в теге body который.находится внутри тега html и.5 не сделал но бросил делают.j для ошибку вместо этого он стал.добавлять и так будет и от html чтобы.убедиться в этом достаточно посмотреть.на разметку страницы.пас это можно сделать с помощью.инструментов разработчика хён чтобы.открыть их нужно нажать на кнопку.которая на пол со смелыми.панели редактора стена ли такое.изображение жука.я нажимаю сюда и открывается панель у.разработчиков google chrome операцию.назад нажав на вот эту кнопку которые.означают панелью дать простим они и.здесь первой же кладки показывается вся.разметка и вот о чем я говорю тут руля.candida был добавлен еще пять будем это.html на самом деле еще и здесь находится.разнообразны scripting.но он пустой потому бог стрельцом на.достаточно маленькой контента паштинья.но если посмотреть на вот эту разметку.то будет понятно откуда взялся этот.семестр.то есть всего лишь 1 потомок это боги в.этом случае если окликнут а второй потом.округа воде и совершенно также можно.поступать из вложенными тегами настоящих.больших страницах есть и множество.влажных тогда и.любой даже самый замысловатыми вектор.можно составить по таким способом.добывала сюда еще и еще правда о предков.и потомков.очень много информации о селектора.частности мне нравится вот эта шпаргалка.здесь вы можете более детально.ознакомиться с и с векторами посмотреть.все некоторые примеры хотя основные.положения.я уже рассмотрел хорошо давайте применим.знания на практике и попробуем все таких.героев векторы для огры бокса через css.света через.селектор который мы самой на пища.загружая сайбер боксом я буду пытаться.ввести текст вот в это поле для начала я.хочу изучить все ок он.элемента посмотреть свою за что-то можно.зацепиться какие там есть все три полки.какое-то таки так далее для этого я.выбираю момент и на.и выбираем меню изучить немножко.промазал вот теперь правильно вести что.это тот самый элемент и сколько когда.его на него на возмущал инструмента раза.больше потом он подсвечивается.взрываться то есть смотрите здесь есть.элементы здесь есть элемент name на евро.вновь луны и мне кажется это может быть.то бишь кто таки будут по которым этот.элемент мачту типа инфицирован давайте.попробуем помните как я рассказывал как.может все цвета port будто просто.написать от сколько и блоге имел прогнал.его изучение дали мир действительно был.найти много всего было найдено 4 этих.элемента и это не совсем на суставы и.поскольку нам нужен только один элемент.прошел давайте попробуем дополнительно.добавить еще один пункт вот я вижу здесь.есть.а атрибут так со значением тест давайте.будем искать такие элементы у которых.есть и атрибут на им со значением хун и.и атрибут type со значением текст и.чтобы это сделать на языке c с.селектором нужно просто последовательно.написать себя стреляем 2 атрибутов.работе — вот так улице стало уже мужчина.алина было всего два элемента но это все.равно нам не подходит потому что нам.нужен только один.а нужен уникальный селектор ну можно еще.сделать селектор по классу давайте так и.сделаем я скопирую удлинен умирать и.просто добавлю еще одну ногу.прийти все равно grip 2 страна не.получается давайте посмотрим что это за.элемент такой который который очень.похож на наш увидите здесь есть старая.форма для регистрации и ну можно понять.что у них не будет максимально похожими.ты здесь можешь быть все абсолютно все.одинаково как быть в таком случае но.можно привязываться к родителям этого.элемента смотреть что здесь будут.уникального и добавлять родитель стирать.выкапывать.мол я покажу другой более простой путь у.вас есть такое суффикс коп от сейчас нет.любишь все вот так и после любого.селектора.и войти числом я вел но и это означает.что найти все такие элементы которые.удовлетворяют этому свету а потом взять.из них 1 0 потому что нумерация.начинается с 0 давайте попробуем ввести.текст и проверить работает ли это.нажимаю ok и действительно восходит в.текст в нужный нам элемент твой себя.интереса пока ломится от суффиксы от на.единицу не везти что нибудь не водит.потому что я отредактировал действия на.не выполнил сейчас я выполню.приведите что вот во вторую форму если я.выберу здесь три то как таких элементов.всего два.то элемента с индексом день просто не.будет найдено еще я могу теперь убрать.селектор по классу.потому что он мне очень нужен и все.равно будет работать на самом деле я.могу даже убрать этот.и находить просто вот эта запись нам.разрешают первый элемент который.соответствует электру на им равно фауны.еще раз проверю по плут работать нет не.работает видите все таки видимо он.оказался видеть.и нужно добавлять еще смерти он типа вот.так и будет правильно.хорошо и вот эти суффиксы.они могут быть очень полезными если для.пошива если вы посетите какую-то ленту.или какую-то стыдиться на которых на.которых последовательно могут быть.несколько записей.вот для примера я покажу как.спасительный ленту twitter давайте on ко.мне и я хочу получать ссылки на вот эти.твиты давайте посмотрим на разметку.страницы потому что здесь уже.предложенными у bас векторами точно не.обойтись вот посмотрите штанги надо от.он предлагает выбрать твит по его айди.но нам как раз и нужен и можете так что.это не подойдет.давайте смотреть на разметку нажимаем.элемент нажимаю.изучить открываются атек этого твита он.содержит очень много атрибутов и вот мне.кажется что тот который нам нужен это.как раз этой but do the permalink пас.здесь похоже находится ссылка на tweet.но как нам как нам найти все эти цветы.для этого нужно найти какую-то.отличительную особенность.при помощи которой можно отыщется этот.твит от других.цветы от других элементов точнее и вот я.смотрю на классы которые присутствуют на.этом свете не кажется что класс.jetstream tweet.он может быть красную отличительную.особенность у которых еще нет.что этот элемент видно и доится кита и.проверок помните из вектор пафос.начинается с точки.отредактировать чтобы не копировать.чтобы не вводить.это название и действительно была.найдена паз и 20 элементов.это скорее всего соответствует россию.твитам останется и вот если а.подсвечивала и кто действительно.подсвечиваются только твиты хорошо и.помните я рассказывал про атрибуты.то есть вот это div ну значит строка это.имя так вот это его атрибута давайте but.i класс.его атрибуты дата китае тени его от you.but then do to a и d maiden и так далее.и чтобы получить значение атрибута пас.есть специальное действие которое так.называется.получить атрибут элементом я скопирую.селедка игра получится callebaut.элемента.ставлю сюда наш метр допустим допустим я.хочу получить атрибут первого твита и.такой атрибут нам нужен уже сковорода.the permalink паз и мягкий будто.нужно вписать в отдельном параметра.которая так называется я оставляю стадо.the permalink.пас переменная который сохранить.результат можно оставить по умолчанию.салют атрибут но я изменю ее так как.дефолтное название не очень хорошо.описывают tweet.ссылка на твит да почему там почему-то.пропал спектр.но давайте еще раз он виден вот так.отлично выполняем действия.она выполнилась и памяти йоркер мороки.рассказывал что он инспекторе ребенок.можно получить посмотреть значение.переменной смотрим вы действительно.видите что внутри переменной tweeting.содержится ссылка на твит нерадивых de.miel оптики.но это относительно ссылка на твит.относительно twitter.com чтобы сделать.ее абсолютной я просто добавлю я просто.добавлю to me on twitter и выберу.значение из переменной отеки сейчас.ломки должно быть полная ссылка на плиту.который можно открыть браузер.действительно.так теперь нам проще все ссылки на твиты.сад ребенке это очень просто нам нужен.цикл подробнее цикла будут.соответственном уроки а но я просто.сейчас покажу вам что такое есть.подробное описание как это все работает.тут позже цикл for выполняют действия.вот это.это означает что можно выполнить.действие допустим от единицы до 10 и на.10 раз при этом накричит на пол доступно.перемены церковь индекс которая при.первом выполнении путь равна единице.left around волки при этом троньте так.далее до десятки.данном случае увидите что проблема у нас.всего 20 twitter и нам будет удобно.делать цикл от 0 ..потому что помните что он миграция.начинаться с нуля и если бы я поставил.от 0 до 20 это было бы двадцать один.элемент как нужно от поля до 19.начинается комфорт и он сам по себе.ничего не выполняют выполняют только и.действия которая находится внутри него.чтобы добавить это действие winter цикла.нам нужно перенести туда то что мы хотим.повторять собственно получение атрибута.и вывод его в мог где это можно сделать.просто перетащу эти два элемента в цикл.вот так просто но если я сейчас запущу.то надавать им запущенную покрыт штабу.это будет не совсем то что мы хотим.сейчас будет выводиться влог я очищу и.пастор и улица что уволиться один и тот.же путь.почему так происходит все дело в том что.вот в этом селекторе.всегда получается именно первый тип а.нам нужно так чтобы получался 1 2 3 4.последовательно и я уже говорил что.мучит цикл есть переменная церковь.индекс которая получается которая в.зависимости от того какое количество раз.выполняются тело цикла она изменяется и.векторов есть это особенно что них можно.использовать как любых других парят и.переменные и ресурсы я как раз сейчас.мне нужно использовать там переменной.известно что в обычных поля.я использую вот я покажу я использую.меню черное меню выпадающая для того.чтобы выбрать из перемены но селектор of.chernobyl зарезервированы для.альтернатива селектора поэтому.то есть справа от поля и 10 две кнопки 1.для.вставьте ресурсы всегда автора доставки.переменных и как раз а я покажу только с.переменными с ресурсами это абсолютно та.же самое сейчас там можно вставить.переменным поэтому я нажимаю сюда.церковью яндекс.это как раз то что нам нужно нажимаем ok.и переменная добавлено.ну плюс мне конечно же нужно уделить 0.поскольку вместо меня наша переменная.которая будет меняться при каждом.выполнение цикла.вот так вот должно работать хорошо.теперь я снова ощущаю лаг.перевожу . выполнения начало цикла и.запускаю.вы любите что дают разные типы.это просто разные цветы и володь одного.человека я подумал что софт отработал.неправильным будет то же самое но.фактически у нас получился такой вот.попса который парсит 1 20 сообщении.в ленте twitter ну чтож отлично я вижу.только одно.минска как может гол совершенствовать.вот это чувствовал 27-м отбивается вот.это не очень правильно допустим не.там в этом теге который мы лишим будет.всего 5 запасе или мы прокрутим страницу.и добавятся новые записи.поэтому мы можем получить количество.можем получить количество элемента.страницы по заданному селекторы через.другое действия получить количество.элементов и давайте попробуем как это.работает я скопирую.этого действия селектор вот то что я.сейчас выполню фактически будет означать.получить получение количество цветов на.странице вставляем сверху торт вида вот.яндекс количество нанимать элементов.равен 20 и я выполняю это действо также.на место гимнов 1 пронатор эта перемена.в котором нужно сохранить результат и.она помолчала mathangs.я есть муж не было чуть понятно ли clans.запускаю действия кейса выполнена и что.посмотреть его результат можно найти в и.спектор перемен наклейте что.действительно civic lanos.равняется 20 ну чтож отлично осталось.только вставить эту перемену цикл и.конечно поддерживают работу с переменным.количеством переменной границы.то есть место конкретного числа от 0 и.от единицы можем вставить.он какой-то переменной и то же самое со.льдом.я уделю старое значения и добавлю просто.церковь — здесь я могу оставить ну а.потому что индексации цвета наш нафс.надо.и оставить мол здесь абсолютно нормально.только нужно добавить что я взял.неправильно перемена нет секунды.ответ и только мне нужно добавить что.посидите сейчас переменная twitter на 20.объем сделай так чтобы чтобы она.равнялась 19 то есть на единицу меньше.для этого можно просто написать фото тут.и это будет работать я объясню почему.такая конструкция работает и как делать.более сложную конструкцию типа.переменной конкретно разделе по типам.три дня хорошо я нажимаю на самом деле.близко лесу я уделю старый конь кто у.нас получился.такое более менее 8 тип пальцев pages in.twitter найти допустим и посмотрим как.он работает.улучшаются количество элементов.уволиться влог я бы не очистил но тем не.менее можно попробовать как он будет.пасу значения по другому тегу.просто опилить он кликнем на это и на.этом теге.graco действия тапком а мне не.понадобится перезапускаю отсюда и.часового водятся.чьи-то твиты и чтобы еще и вал.совершенствовать можно вот это значение.искать из переменной а еще лучше если.случится.ну и я напоминаю что иисус может быть из.файла.так что немного поколдовал с вот этим.полем и не добавим ресурс мы можем.сделать так чтобы этот парсер пару.теги из файла хорошо вы скрипт или.допустим отдать его заказчику но как это.часто бывает заказчик меняет свое мнение.и кормить да вот у меня и speak который.парсит ссылки на цветы.а теперь я хочу чтобы он еще и по всему.изображению которые несли.и как это сделать ну самое первое что.приходит в голову это посмотреть на.разметку и как вообще задаются.изображение опять у тебя изображение.нажимаю изучить и будто который.соответствует изображение или мое имя и.m&g.это сокращение от меньше у него есть.такой атрибут src сокращение от source.сном как раз и есть ссылка на.изображение и это том что нужно получить.как это сделать ну конечно можно.изменить вот этот цвет кисти так чтобы.сбить этот шар например.и внутреннего по цепочке пещерных.родительских элементов.переходить к бенджи но нам нужно менять.селекторы это не совсем просто его.сделать это намного проще он.поддерживает механизм вложенных.селекторов как это выглядит здесь я могу.написать просто второй свет подряд.написать srs и здесь эмчи как это.выглядит как это beauty pass это два.себя таро подряд они означают что найди.мне то что он находится в первом.селекторе.а потом муки того чтобы ты нашел найди.то что находится во втором сироты перед.человеческим языком найди мне отменить.а внутри этого твита найди изображения и.этого простого что нужно я не хочу.изменять старый-старый действий для.получения ссылок поскольку оно полезно и.нужно удалять поэтому я скопирую.селекторы нажму отмена воздействовать я.добавлю новое действие и конечно же.предложено вас вектор заменю на свой.вот так вот цель изменю имя атрибута она.рама сердца я показывал с мягким как это.мы видим.переменную чтобы понимать что это такое.и вот эти 2 верхние параметра ведь тоже.игру.почему потому что если по снимет это.фрагмент а они в каждом твите может быть.изображения тоби нужно чтобы поток.останавливался.леса на видео то это не критично для.работы потока или пусть продолжаться.дальше просто пусть не сохраняются.теперь.и переходит в следующем цветом сразу же.вот эту переменный машинку жил в мог.странные действия они также говорят спал.какую-то информацию и нужно чтобы она.пыталась и также не хочу их удалять и.вас есть такой инструмент как отключить.выбранные он позволяет просто отключить.эти действия на время записи.режиме запуска не будет работать это.нужно только для отладки.теперь ярчайший лоб и запускаю скрипт.посмотрю что вам не убить что он будет.изображение но на самом деле это не эти.изображение которые мне нужны.давайте посмотрим это аватарки.это фото арки пользователи которые ведут.вид на самом деле если посмотреть на.разметку скрипта тут здесь вы увидите.что обязательно в каждом скрипте еще.есть аватарка пользователя и не это же.имя т.к. гиен жил тоже ssc & bass.показывает именно у неё снова нужно.править селектор можно исправить это.очень просто вот на самом деле эти.вложенные сметки они могут быть сколько.угодно степени вложенности ходят и.бесконечности можно писать вот так.сколько угодно раз и мирно из том числе.можно писать и суффиксы путину просто.искать вторую картинку если аватар суда.присутствовать а нам нужно картинки.которые действительно который цветов.пользователь то давайте просто искать.вторую картинку не забывайте что не.браться начинаться с надо проектом.автора то значит с индексом единица.давайте проверим как это работает по сей.час не подсвечивают вот эту картинку.потому что он здесь переменная церкви.микс от 40 20 поскольку бомжи прокрутили.скрипта on running.19 на самом деле 20 потому что он решил.следующее значение но картинка.просвечивается самым последним трети она.нужна в самом первом поэтому я временно.сменю на ноль это свечение сушиться и.видите что подсвечиваться как раз то что.нужно я просто для того чтобы.демонстрировать как это работает изменю.на 0 9 чтоб отслеживаться аватарка песня.из меню вот этот эндоцервицита будет.посвящаться.следующего так хорошо я верну все как.думал наш мою тещу еще мог и посмотрим.как теперь будет работать наш скрипт.так уже на много лучше увидите что.изображение в другой формат называется.кроме браузер посмотрим да действительно.вот это собака.она ссылка на неё попадают слог но.увидите что здесь есть пустые сообщения.пустые сообщения это как раз те.сообщения которое которых нет цвета.давайте чтобы не вывозить пустое.сообщение в лук я добавлю действия их.действия их будут описываться в.отдельном блоке логика такая вот если.просто описать если переменная пуста я.тогда не делать нечего а единству.переменная что-то суде ну когда вывести.ее блог и сделать это можно очень просто.можно просто вставить их выражение.значения переменных и machining.ибо сам посмотреть если она пустая.тогда он просто ничего не выполнят а.если не что то есть тогда он был понять.из того cредней с блоками нужен потому.что если переменными пистолета мы не.хотим ничего у понять нашелся голов.потому что мог выполняется только в том.случае вместо переменная не custard.запускаем еще раз посмотрим внутри.пустые строки блоги.нет нет все работает или последняя.что нам нужно это скачать скачать эту.картинку давайте скачаем и сохраним на.диск.давайте посмотрим поищем покажи-ка нам.что-то вас если я видел ключевое слово.скачать.да действительно одно из действий это.это папийон скачать я попробую.использовать символ вы здесь два.параметра это первое ural который нужно.скачать.вчера у находится сейчас на современной.начнем я просто подставляю вот туда и.пучку файлы давайте а я создал отдельную.папку на диске с туалетами давайте я.скучаю его туда вот сюда с и tutorials.это действо она создает папку если если.папки не осуществлялась и если я здесь.какую-то беду определенная на фары.например 1-го pick the file.перезаписываться здесь цикл спуск.ошиваться несколько файлов.если я сделаю так то просто булса.приняться один и тот же об этом не не.устраивает поэтому я добавлю пример не.церковь индекс.поскольку она будет разное в каждом.управление.тело цикла вот этих под действие то.просто но именно файла будет каждый раз.и вмещаться в каждом сыпем ими по идее.это должно стамбул запирать проверим.проявляться действия скачать.я запускаю цикл еще раз до 1 скачать я.конечно же вставил внутри внутри их.потому что что то имеет смысл только.если оно есть если ссылка он существует.запускаю цикл for snow доводится на.увидите уже нет с некоторой задержкой.эта задержка на происходит от того что.бас качает качает файлы между анализом.каждого твита.давайте посмотрим мою палку центрального.свети что создалась целая папка твит и.мышц и там.изображения которые запустили.пользователя нравится что здесь еще.какие то смотрите но их можно тоже.осветить модифицируя вектор я сейчас уже.mydlink этого делать так же можно.использовать действия вызов из и.несколько потоков сделать так чтобы вот.эти картинки качались параллельно и.сделают наш скрипт нам.это более быстрее то есть мы можем как.запускать потом этого потока.выпускать много потоков внутри одного.потолка.но это тема отдельного видео уже.познакомились с инспектором с суффиксом.от и сложными симметры вами сейчас я.хочу рассказать о силе qe3 матч матч это.свитер который намного проще чем css в.нем нет табличного синтаксиса.дополнительных точек решеток и его.принцип очень прост он просто ищет.элемент пол части его разметки ну.например вот та простая страница который.я использовал для наглядного объяснения.css селектор а какой как составить матч.спектр допустим я хочу найти вот этот.элемент на строках 567 как мне его найти.с помощью max electro достаточно просто.выделив часть его тесто вот так вот.подойдет и вот так вот подойдет его так.потрясёт даже так повезет то есть все.любой подтекст который является его.частью подойдет как матч селектор в.качестве мач селедка единственно только.нужно помнить что этот текст он должен.быть уникальным и начали их найдете.несколько элементов.давайте рассмотрим реальную страницу мы.здесь есть кнопка сигнал и попробуем ее.найти.я как всегда обещаю разметку.я скопирую отдельно текстовый редактор.чтобы было удобнее и вот это все может.быть.матч вектором брать и посмотрим как это.будет работать до матч селектор пирожное.барс он не всегда.уникально то есть убедиться maxselect.труд именно этого типа.то может быть найдена больше одного.элемента по такому себе то есть вам.нужно самому сделать его уникальным но.это касается опять их только мач света и.можем сюда вставить просто грейс грубо.говоря всю разметку и это будут работать.можем ставить ее часть давайте попробуем.давайте попробуем только текст вот и.дать об sign up видите что она зина была.всем элементов например год в сообщении.над кнопкой есть слово сигнал она.начинается слово сигнал в самой кнопки.видимо 0 и стремится еще есть много.элементов с таким текстом давайте.попробуем задействовать вот такой вот.маш себя то так поймешь во 2 обмен то то.есть уже лучше но видимо все равно она.стремится и где то есть страна кнопка.сигнал давайте попробуем его сузить.размер поиска указав еще и несколько.атрибутов вот так вот.так найдено 1 кнопка это.этот селектор как раз можно использовать.нужно сказать что если я где-то ошиблась.это букву там смерть уже не будет.работать здесь я поменяю допустим я.поменяю порядок атрибутов к сметам тоже.перестанет работать.акция с авто работает ни креста нет если.я даже вместо я добавлю здесь сейчас и.вернул правильное состояние и если я.добавлю здесь допустим два пробела то.вас вектор тоже перестанет работать вот.нужно понимать что текст вектора нужно.будет сразу после инспектора без.пробелов в отличие от css и других.селектором они очень чувствительны к.этому остальном это также полезная штука.если вы хотите искать именно про текста.по тексту кнопки по тексту внутри.элемента по тексту ссылки допустим хотя.это можно сделать с помощью expose на.матч.это такой быстрый типа селектора для тех.кто не хочет прочим сильно.разворачиваться синтаксисом место.минусами есть еще один тип селекторов.это экспорт селекторы они намного мощнее.css векторов но немного сложнее их.изучению я расскажу о них только.поверхностно потому что это очень.большая тема.и все тонкости они доступны они достойно.отдельного урока чтобы начать я стала.загружу вот этот пример на котором я.объясняла css селекторы.и попробуй сделаю те же запросы с.помощью xpose для начала у нас есть две.строки.строка со эделайн один из треков и тела.2 и сейчас я буду искать по ихнему энди.загружу это все вас давайте посмотрим.какой селектор предложит нам барс да я.хочу бы еще раз напомнить что чтобы.выбрать нужный бантик селектора вам.нужно нажать на крайнюю правую кнопку.возле входного параметра себя три.элемента и выбрать нужный вам тип.селектора данном случае to expose вас.предлагаются вот такой вот селектор но.он будет работать только в случае с.атрибутом индии я хочу показать смекта.который работая с произвольным атрибутом.так для начала сделаем запрос.просто по имени тега в случаев спас это.будет выглядеть так если бы мы работали.с css тот двойник совершаем в начале не.понадобилось бы.а expose они необходимо.такой запрос означают найти элемент div.любой сложности.теперь если мне нужно искать только.элементы с определенным айди.мне нужно также каких случаях добавить.квадратные скобки и написать имя.атрибута равно его значения только к не.меня атрибута нужно добавить собаку.10 так вот видите находит первую строку.это потому что айди.я гладила на эти места по мнению.набатова соответственно электру строку.пища поменяем волновать то не найдет.ничего в expose есть замечательная.функция для поиска по части атрибута она.называется counter.ниц и использовать ее можно так контент.и дивайн то есть если если атрибута id.дым содержит скрапу wine не обязательно.это line 1 или line 2 онлайн 3.все равно она будет подходить под.заданный светка и увидите что в нашем.случае находится 2 2 строки.еще экспанд селекторы позволяют находить.элементу по индексу чтобы находит найти.элемент к yandex нужно поставить здесь.всего.индекс как обычное число и селектор.обернуть его.скобки круглые скобки вот так вот так и.нами рация expose начинается с единицы.это такая особенность.они снова если ведущих zboard это.найдется вторая строка.также есть очень удобная функция last.она ищет последний элемент то есть эта.запись означает найти последний дивно.страница.еще expose поддерживает поиск по тексту.элемента.это может выглядеть вот так используем.знакомы функцию continents.только вместо атрибута пишем функцию так.она возвращает просто содержании.элемента видите что я сейчас выбрал.ссылка и подсвечивается вами нет это.потому что.и что он бы в том есть и отсылка на если.я сейчас нажму на единицу.то вы были со только первый элемент.видел адаптер к второй элемент также.expose поддерживает.запросы дочерних элементов вот например.мне нужно найти ссылку внутри этой.стригся.против добавим сначала перезагрузим.страницу и чтобы найти дочерний элемент.нужно поставить slash чтобы найти.прямого потомка нужно поставить людей.саша чтобы найти потом к любой степени.сложности нужно поставить два слыша ну я.поставлю то слышал хотя и 10 данном.случае подведет и после этого идет и.позже запрос может быть такой же как вот.этот.но мне нужно найти ссылку длина т.к. ее.и поэтому я просто вожу да он находится.в элементе который содержит текст ссылка.1 поэтому данном случае ничего им.находится мы суйапа меня вот так вот то.он найдется именно эта ссылка таких.такой влажность может быть сколько.угодно также можно сказать что он.мультик спас это поддерживает но это.может сделать веществами бас сделать вот.так вот.нужно еще сказать что здесь есть одна.небольшая особенность что возложено.важных запросах.давайте я покажу покажу в чём суть я.добавлю еще одну ссылку вторую.и попытаюсь найти легион и что интересно.найдет обе ссылки.хотя по идее такой запрос должен.находить только одну ссылку внутри.первого дива.поскольку здесь есть вот этот первый.света и.такая ситуация происходит только в.случае expose.и чтобы это исправить то вот здесь нужно.добавить точку это небольшая особенность.expose она описана в документации и.теперь мы видим что если финансы.ссылка нашлась внутри первой строки без.связи с этими на двойку это будет.найдено 2 ссылка бас также позволяет.работать с фреймами фреймы.это такие теги которые позволяют ставить.содержание одного сайта другой.и в чем же сложность в том что.скрипте оригинальной странице не имеют.доступ к содержанию той страницы которые.добавлено с помощью фреймов и это сделал.на по соображениям безопасности то есть.действительно одесской вы это понять.себя пояс кукол на свою страницу.какой-то которые выстилают вы не можете.там что-то изменять не можете изменить.логотип google не можете поднять поезд.так что пользователю.доверяя известному сайту вы ходили туда.птица свои данные.но вас позволяют искать.выполнять селекторы даже внутри фрейма.единственное что нужно знать о заборчика.это то что по селектору нужно добавляет.специальный суффикс фрейм я сейчас.покажу как это выглядит для работы с.фреймами для сделал списанию страничку.сейчас я открою.она как раз и и демонстрирует как может.выглядеть разметка с фреймами давайте я.посмотрю что эта взаимность а вот.смотрите содержание страницы сын стоит.всего лишь из одного фрейме.ведь у него есть своя страница с.квадратом зеленого цвета и внутреннего.еще один фрейм то есть кроме могут быть.важными и там опять же а квадрат желтого.цвета и поле для ввода теперь чтобы.найти.допустим вот вот эту строку вот этот.квадрат.нет недостаточно просто все и для него.смерть.мне сначала нужно сделать вектор для вот.этого странного и перейти к нему а потом.уже в нём cooper.этот квадрат и то же самое для.отложенных райман если я хочу сделать.селектор я вот этому вот элемента мне.сначала нужно найти вот этот фрейм и.сделать себя к нему добавить к нему и.суффикс prime.потом сделать цвета для этого фрагмента.боится минул суффикс плен и потом уже.работать к этому рынку и тогда он будет.на этих ну и все это по сделался опять.же самостоятельно то есть стандартные.селекторе которые предложены пос потому.мы сейчас рассмотрим.они как раз будут содержать этот суффикс.давайте я.посмотреть на свет только этого элемента.который без множественной влажности то.есть вот он какой сначала мы находим.сначала мы делаем такой вот запрос по.css.действительно мы по имени тега на ход.находим этот фрейм.потом поговорим бас что теперь что то.что мы нашли это строение мы приходим.внутреннего.и дальше уже селектор работает внутри.этого фрейма.это делается с помощью такого суффиксов.rain.дальше мы делаем запрос и мы находимся.уже в контексте внутри этого фрейма и.находим наш квадрат просто по имени т.д..а также потому что внутри вот этого.фрейма всего есть два элемента это один.и и фрейм и элемент можно.идентифицировать.всего лишь помощью именем вот и да.теперь давайте усложним ситуацию и не.попробуем найти текстовое окно.текстового окна и тихо ему которая.находится на цифрами.что в этом случае нам приносит пас ну в.принципе тоже самое.мочите 1 селектор он повышают значение.фрейм потом на говорим бас что мы.переходим внутри фрейма.потом опять находим по имени тега уже не.тиф oriflame кен внутреннего находим.элемент по имени т.г..элемент input и все это может показаться.действительно сложно но 99 процентах.случаев вы можете просто взять готовый.который спектры банда.к ним уже добавляются написанные на.самостоятельно очень редко когда на.стремиться нужно сделать цикл по фрай.нам когда там находится 10 фрейма инсеев.нужно обойти их я честно говоря не.слышал такой ситуации так что вы можете.взять вот это начало которое сканировал.паз и просто а к нему уже пределы свои100:00свет опять же если они вам нужны если у100:03вас не устраивает то что предложил бас100:08последний тип селектора это селектор по100:11изображению он намного проще чем все100:14остальные селекторы100:15но у него есть и свои достоинства и свои100:19недостатки и сейчас я покажу как его100:22использовать именно во паровой о них100:25сначала я удалю все ненужное действиям100:30запишем страницу twitter и буду искать100:33снова кнопку сигнал чтобы использовать100:38свет то по изображению мне нужно вместо100:42книг он к элементу100:44зажать левую кнопку мыши и выделять ту100:48часть окна то изображение которое я хочу100:51найти100:53снова отправляться контекстное меню умно100:56в нем намного меньше возможностей это101:00происходит потому что когда элемент101:03найдем по изображению база только его101:06координаты он не знает какой элемент тут101:09находится здесь представлены все101:12возможности которые можно сделать на101:14координатор знаю только координаты101:17заданной области101:18но тем ни менее двигать мышь и кликнуть101:21на элемент здесь есть так что на кнопку101:24kinkade этим способом можно101:28что представляет из себя селектор он101:31состоит из картинки для поиска уже101:35известных нам101:37чипсов ждать появления перемен то и101:40остановка потом кристина тьма один он101:43они работают точно так же как в обычном101:45селекторе или дополнить ими параметрам101:49давайте посмотрим что от уз101:51дополнительно параметрам 1101:55и там это наличие или отсутствие102:00прокрутки до плоского изображения дело в102:03том что искать под изображение вас ник102:09имеют только на текущей странице только102:12вот здесь вот если вы хотите искать102:15кнопку sign of которая находится на102:19ниже то есть на 2 и на 3 эти страницы на102:244 то вам обязательно нужно установить102:27диск roll ну эт установлена по умолчанию102:29так что все нормально вот если вы точно102:33знаете что изображение должно помещаться102:36на той странице которые бы сейчас102:39находится и что она должна быть найдено102:42без крова то выше установить 10 на102:45остров это значительно оптимизирует102:49скрипт вторым параметром102:53это насколько хорошо изображение должно102:56подходить под образец102:59то есть сайты вот в чем один из103:03недостатков поиска по изображению это в103:07том что элементы на сайте могут103:09изменяться допустим при разных103:12разрешениях робко может кого то меньше103:15то больше она может менять цвет при103:18анимации после крика становиться103:22менять размеры время наведении мыши она103:28также можете менять размеры и этот103:32спектр он не ищет изображение если оно103:36повёрнуто если она увеличена или103:38уменьшена она он должен искать его точно103:42таким же но какие-то мелкие артефакты103:48изменения которые произошли в103:50изображении этот селектор можно103:53отследить и даже если изображения не103:56совсем похожим но похоже на оригинал то104:00он все равно можете фон найти идентиф104:04сырость и водку к степень этой похоже104:07степени похожести104:08задает вот этот параметр если быстрица104:12здесь стол для не рекомендую стол лучше104:16уж там 99 и будем на 108 но тем не менее104:19если вы ставите стол то это означает что104:21образец должен быть точно таким же как и104:25оригинал104:26если вы ставите но он-то но опять же я104:30не рекомендую крайне значениям но если104:33вы ставите какое-то маленькое число то104:36может найтись не тот элемент которую вы104:40ищете104:41но тем не менее что то да найдётся и104:45третий параметр это просто само104:49изображение то есть на самом деле это104:53изображение формате png104:56закодированы формат ps4 вы можете не105:03изменяя допустим если вы тебе здесь ну105:07вот в плетеный элемент здесь нет105:09каких-то данных которые стоило бы105:11запомнить но если у вас таковые имеются105:14и вам не хочется пересоздавать теперь и105:19вот этим зелёным прямоугольником105:23искать область то вы можете просто105:25вставить вот это значение из другого105:29действия которое использует селектор по105:32изображению на самом деле вы можете105:34вставить сюда даже изображение получено105:38в другом программ лицевой программе если105:41она умеют кодировать изображения b64105:44или каком-то графическом редакторе то105:49есть это как бы можно назвать его данные105:53для изображения это поле кликнув по105:57образцу вы можете открыть ему иногда105:59образец бывают очень большой и тогда он106:04уменьшается в размерах106:05кликнув по нему вы можете открыть его106:08мать с мишей на106:14хорошо давайте посмотрим как это106:16работает я нажму ok и витя что106:23действительно изображение нашлось и клип106:26пойму произошел106:28также на панели редактора сценария сидят106:33и по изображению они отображаются с106:36превьюшкой то есть место текста вовсе не106:39открывается изображения ну чтоб принципы106:42естественно хорошо давайте я удалю и106:48попробовал собрать страницу еще раз106:53сейчас я попробую найти элемент который106:56находится где-то под странице как я уже106:59рассказывал вас будет скролить вскоре107:03страницу чтобы найти его сейчас я в угол107:10у такое изображение дальше тоже можете107:14заметить что изображение может не107:17относиться не какому элементу она может107:20вообще быть на пол страницы и относиться107:24к множеству элементы107:28поэтому по выполнению этого свет таро107:32доступны только его координаты и так я107:35вам сейчас покажу как будет действовать107:37если нужно найти изображение которое107:43находится под текущей видно области107:45браузера107:47вот на самом деле сейчас бас наш он107:50уповал найти на первой странице107:52запрещены у него это не получилось и он107:54постепенно скроет страница им когда он107:59когда он дошел до области в которой это108:04изображение естественно присутствует108:06панель кликать на самом деле он если он108:11дойдёт до конца до самого низа108:14то он снова прокрутите страницу в самый108:18верх108:19снова начнет искать давайте посмотрим108:23как это может выглядеть108:25давайте найдем не существует заставим108:28вас искать несуществующие изображения108:30например вот такого точно не будут на108:34оригинальной странице я его добавлю108:38сразу остановлю это на льду по внес108:42поэтому останавливает не надо но я задаю108:45страницу на которую его точно нету ли108:47попробую поискать там109:01вот эванс будет бесконечно скроле109:04страницу109:06надежде найти это изображение вот там109:10конечно же не будет и он откроем109:15страницу самый верх и в этом состоит еще109:18один минус данного действия потому что109:21мы ключ от обычных селекторов которые бы109:24нашли элемент даже если не он бы не109:27находился в области видимости109:29вот этот селектор умеет находить только109:32те элементы которые видны матвей стан109:36прокрутил начала и сейчас снова нашего109:39поиск109:40ну и соответственно карте обычный сидят109:42страницу он ничего не находит он выдаст109:45сообщение об ошибке что поиск по109:49изображает что изображение не найдено109:52и еще одна небольшая демонстрация с меня109:58этот элемент так чтобы он не скролла110:00страницу и выбираю здесь но scroll110:07запуска в этом случае он будет проявлять110:12только эту текущую страницу110:14наконец если убрать ждать появления об110:19ошибке110:19то он сразу выдаст ошибку давайте110:22посмотрим какую ошибку выдает действие110:25поиском по изображению просто файл ту110:31совершенно иначе она не будет трогать110:35лопнут картинку по который был110:38произведен поиск просто110:40просто выдаст а контекстного эти мнения110:43вы можете найти действия по его иди еще110:48одним минусом110:49а поиска действие польза при же не110:53являются нагрузка на процессор110:55на самом деле выполнять обычный себя110:59только браузера это очень-очень до111:03кооперация не ресурсоемкая111:05а вот поезд по элемента по изображению111:08достаточно ресурсоемкая в первых111:11вариантах реализации этих функциях один111:15поиск вот такого допустим такой простой111:18картинки занимала мне девять секунд111:20конечно в бас добавлено еще оптимизации111:23по этому поводу но тем не менее это все111:27равно дополнительная нагрузка и не это111:30вам не избежать ни как я рекомендую111:33использовать поиск по изображению только111:36в случае если вы работаете стоишь если111:40вы решаете какую-то графическую captcha111:43которая без такого поиска не решить в111:48остальных снесет данный день если вы111:50делаете какой-то демонстрационный скрипт111:53искрит который просто проверяют концерт111:57работать или не работать и вам нужно111:59сделать что-то очень быстро остальных112:03слушок все-таки лучше использовать112:05стандартные селекторы подоконник намного112:08больше оптимизированных112:09на этом все мы рассмотрели все типы с112:12селектором написали парсер twitter ленты112:15и до встреч в следующих видео

BrowserAutomationStudio. Урок #2. Селекторы. Поиск элементов. Парсер ленты twitter.

Как? Вы еще не смотрели? Ну это зря...