Jak czekać na załadowanie strony z selenem?

How Wait Page Load With Selenium



Podczas automatyzacji sieci lub skrobania sieci za pomocą sterownika sieciowego Selenium możesz napotkać problemy, takie jak element, który chcesz wybrać, nie jest dostępny lub przycisk, który chcesz nacisnąć, nie jest gotowy do kliknięcia i tak dalej.

Powodem tego jest to, że sterownik sieciowy Selenium musi pobrać stronę internetową i zakończyć renderowanie strony, zanim będziesz mógł cokolwiek na niej zrobić. W przeszłości serwer WWW generował zawartość strony internetowej, a przeglądarka po prostu ją pobierała i renderowała. Obecnie mamy wiele jednostronicowych aplikacji internetowych, które działają nieco inaczej. W aplikacjach jednostronicowych (SPA) serwer WWW obsługuje tylko kody frontendowe. Gdy kod frontendu zostanie wyrenderowany w przeglądarce, kod frontendu używa AJAX do żądania danych API do serwera WWW. Gdy frontend otrzyma dane API, renderuje je w przeglądarce. Tak więc, mimo że przeglądarka zakończyła pobieranie i renderowanie strony internetowej, strona nadal nie jest gotowa. Musisz poczekać, aż otrzyma dane API i je również wyrenderować. Tak więc rozwiązaniem tego problemu jest poczekanie, aż dane będą dostępne, zanim zrobimy cokolwiek z Selenium.







W Selenium istnieją 2 rodzaje oczekiwania:
1) Niejawne czekanie
2) Wyraźne czekanie



1) Niejawne oczekiwanie: To jest najłatwiejsze do wdrożenia. Niejawne oczekiwanie mówi sterownikowi sieciowemu Selenium, aby poczekał kilka sekund, aż DOM (model obiektu dokumentu) będzie gotowy (strona internetowa ma być gotowa).



2) Wyraźne czekanie: Jest to trochę skomplikowane niż niejawne czekanie. W wyraźnym oczekiwaniu mówisz sterownikowi sieciowemu Selenium, na co czekać. Selenium czeka na spełnienie tego konkretnego warunku. Po jego spełnieniu sterownik sieciowy Selenium będzie gotowy do przyjmowania innych poleceń. Zwykle jawny czas oczekiwania jest zmienny. To zależy od tego, jak szybko warunki zostaną spełnione. W najgorszym przypadku jawne oczekiwanie będzie czekać tak długo, jak oczekiwanie niejawne.





W tym artykule pokażę, jak czekać (niejawne i jawne) na załadowanie strony z Selenium. Więc zacznijmy.

Wymagania wstępne:

Aby wypróbować polecenia i przykłady tego artykułu, musisz mieć:



1) Dystrybucja Linuksa (najlepiej Ubuntu) zainstalowana na twoim komputerze.
2) Python 3 zainstalowany na twoim komputerze.
3) PIP 3 zainstalowany na twoim komputerze.
4) Pythona wirtualne środowisko pakiet zainstalowany na Twoim komputerze.
5) Przeglądarki internetowe Mozilla Firefox lub Google Chrome zainstalowane na Twoim komputerze.
6) Musisz wiedzieć, jak zainstalować sterownik Firefox Gecko lub Chrome Web Driver.

Aby spełnić wymagania 4, 5 i 6, przeczytaj mój artykuł Wprowadzenie do Selenium w Pythonie 3 na Linuxhint.com .

Wiele artykułów na inne tematy można znaleźć na LinuxHint.com . Sprawdź je, jeśli potrzebujesz pomocy.

Konfigurowanie katalogu projektu:

Aby wszystko było zorganizowane, utwórz nowy katalog projektów selen-czekaj/ następująco:

$mkdir -pvselen-czekaj/kierowcy

Przejdź do selen-czekaj/ katalog projektu w następujący sposób:

$Płyta CDselen-czekaj/

Utwórz wirtualne środowisko Pythona w katalogu projektu w następujący sposób:

$virtualenv .venv

Aktywuj środowisko wirtualne w następujący sposób:

$źródło.venv/jestem/Aktywuj

Zainstaluj Selenium za pomocą PIP3 w następujący sposób:

$ pip3 zainstaluj selen

Pobierz i zainstaluj wszystkie wymagane sterowniki sieciowe w kierowcy/ katalog projektu. W moim artykule wyjaśniłem proces pobierania i instalowania sterowników internetowych Wprowadzenie do Selenium w Pythonie 3 . Jeśli potrzebujesz pomocy, szukaj dalej LinuxHint.com dla tego artykułu.

Do demonstracji w tym artykule będę używał przeglądarki internetowej Google Chrome. Więc będę używał chromedriver binarny z kierowcy/ informator.

Aby poeksperymentować z niejawnym czekaniem, utwórz nowy skrypt Pythona ex01.py w katalogu projektu i wpisz następujące wiersze kodów w tym pliku.

zselenimportwebdriver
zselen.webdriver.pospolity.Klucze importKlucze
opcje=sterownik sieciowy.Opcje Chrome()
opcje.bezgłowy = Prawdziwe
przeglądarka=sterownik sieciowy.Chrom(wykonywalna_ścieżka='./sterowniki/chromedriver',opcje=opcje)
przeglądarka.niejawnie_czekaj(10)
przeglądarka.dostwać(„https://www.unixtimestamp.com/”)
znak czasu=przeglądarka.find_element_by_xpath('//h3[@][1]')
wydrukować('Aktualny znacznik czasu: %s'%(znak czasu.tekst.podział('')[0]))
przeglądarka.blisko()

Gdy skończysz, zapisz ex01.py Skrypt Pythona.

Wiersz 1 i 2 importuje wszystkie wymagane składniki Selenium.

Linia 4 tworzy obiekt Chrome Options.

Linia 5 włącza tryb bezgłowy dla sterownika internetowego Chrome.

Linia 7 tworzy obiekt przeglądarki Chrome za pomocą chromedriver binarny z kierowcy/ informator.

Linia 8 jest używana, aby powiedzieć Selenium, aby czekała niejawnie przez 10 sekund, używając implicitly_wait() metoda przeglądarki.

Linia 10 ładuje www.unixtimestamp.com w przeglądarce.

Linia 12 odnajduje element znacznika czasu za pomocą selektora XPath //h3[@class=’text-niebezpieczeństwo’][1] i przechowuje go w znak czasu zmienny.

Mam selektor XPath z narzędzia dla programistów Chrome. Jak widać, sygnatura czasowa znajduje się na pierwszym miejscu h3 element z nazwą klasy tekst-niebezpieczeństwo . Są 2 h3 elementy z klasą tekst-niebezpieczeństwo .

Linia 13 drukuje tylko znacznik czasu z elementu, który wybrałem za pomocą selektora XPath i zapisałem w znak czasu zmienny.

Linia 14 zamyka przeglądarkę.

Gdy skończysz, uruchom skrypt Pythona ex01.py następująco:

$ python3 ex01.py

Jak widać, aktualny znacznik czasu jest pobierany z unixtimestamp.com i drukowany na konsoli.

Praca z wyraźnym oczekiwaniem:

Aby poeksperymentować z jawnym czekaniem, utwórz nowy skrypt Pythona ex02.py w katalogu projektu i wpisz następujące wiersze kodów w tym pliku.

zselenimportwebdriver
zselen.webdriver.pospolity.Klucze importKlucze
zselen.webdriver.pospolity.za pomocą importZa pomocą
zselen.webdriver.Pomoc.cebula importWebDriverCzekaj
zselen.webdriver.Pomoc importoczekiwane_warunki
opcje=sterownik sieciowy.Opcje Chrome()
opcje.bezgłowy = Prawdziwe
przeglądarka=sterownik sieciowy.Chrom(wykonywalna_ścieżka='./sterowniki/chromedriver',opcje=opcje)
przeglądarka.dostwać(„https://www.unixtimestamp.com/”)
próbować:
znak czasu=WebDriverCzekaj(przeglądarka, 10).dopóki(
oczekiwane_warunki.obecność_elementu_zlokalizowanego((Za pomocą.XPAT, '
//h3[@][1]'
))
)
wydrukować('Aktualny znacznik czasu: %s'%(znak czasu.tekst.podział('')[0]))
wreszcie:
przeglądarka.blisko()

Gdy skończysz, zapisz ex02.py Skrypt Pythona.

Linia 1-5 importuje wszystkie wymagane komponenty z biblioteki Selenium.

Linia 7 tworzy obiekt Chrome Options.

Linia 8 włącza tryb bezgłowy dla sterownika internetowego Chrome.

Linia 10 tworzy obiekt przeglądarki Chrome za pomocą chromedriver binarny z kierowcy/ informator.

Linia 12 ładuje www.unixtimestamp.com w przeglądarce.

Wyraźne czekanie jest zaimplementowane w bloku try-finally (od linii 14-20)

Linia 15-17 wykorzystuje tworzy Sterownik sieciowy czekaj() obiekt. Pierwszy argument Sterownik sieciowy czekaj() jest obiektem przeglądarki, a drugim argumentem jest maksymalny dozwolony czas (w najgorszym przypadku) na spełnienie warunku, który w tym przypadku wynosi 10 sekund.

w dopóki() blok, oczekiwane_warunki.presence_of_element_located() Metoda służy do upewnienia się, że element jest obecny przed próbą wybrania elementu. Tutaj, By.XPATH służy do powiedzenia obecność_elementu_located() metody, w której użyliśmy selektora XPath do wybrania elementu. Selektor XPath to //h3[@class=’text-niebezpieczeństwo’][1] .

Po znalezieniu elementu jest on przechowywany w znak czasu zmienny.

Linia 18 drukuje tylko znacznik czasu z wybranego elementu.

Wreszcie wiersz 19-20 zamyka przeglądarkę.

Gdy skończysz, uruchom ex02.py Skrypt Pythona w następujący sposób:

$ python3 ex02.py

Jak widać, aktualny znacznik czasu z unixtimestamp.com jest drukowany na konsoli.

Wybieranie elementów w wyraźnych czekach:

We wcześniejszej części użyłem By.XPATH do wybierania elementu za pomocą selektora XPath. Możesz także wybrać elementy za pomocą identyfikatora, nazwy tagu, nazwy klasy CSS, selektora CSS itp.

Obsługiwane metody selekcji podano poniżej:

By.XPATH – Wybiera element/elementy za pomocą selektora XPath.

By.CLASS_NAME – Wybiera element/elementy za pomocą nazwy klasy CSS.

By.CSS_SELECTOR – Wybiera element/elementy za pomocą selektora CSS.

Według.ID – Wybiera element według ID

Wg nazwy – Wybiera element/elementy według nazwy.

Do.TAG_NAME – Wybiera element/elementy według nazwy znacznika HTML.

Do.LINK_TEXT – Wybiera element/elementy według tekstu linku z do (kotwica) znacznik HTML.

Autor.PARTIAL_LINK_TEXT – Wybiera element/elementy przez częściowy tekst linku z do (kotwica) znacznik HTML.

Aby uzyskać więcej informacji na ten temat, odwiedź Strona dokumentacji Pythona Selenium API .

Oczekiwane warunki w wyraźnych oczekiwaniach:

We wcześniejszym wyraźnym przykładzie czekania użyłem obecność_elementu_located() metoda oczekiwane_warunki jako wyraźny warunek oczekiwania, aby upewnić się, że element, którego szukałem, istnieje przed jego wybraniem.

Są inne oczekiwane_warunki możesz użyć jako wyraźnego warunku oczekiwania. Niektórzy z nich są:

tytuł_jest(tytuł) – sprawdza, czy tytuł strony to tytuł .

title_contains(częściowy_tytuł) – sprawdza, czy tytuł strony zawiera część tytułu częściowy_tytuł .

widoczność_(elementu) – sprawdza, czy element jest widoczny na stronie czyli element ma szerokość i wysokość większą niż 0.

widoczność_elementu_located(lokalizator) -

obecność_elementu_lokalizacja(lokalizator) – Upewnij się, że element znajdujący się (przy lokalizator ) znajduje się na stronie. ten lokalizator jest krotką (przez, selektor), jak pokazałem w wyraźnym przykładzie oczekiwania.

obecność_wszystkich_elementów_located() – Upewnia się, że wszystkie elementy pasują do lokalizator jest obecny na stronie. ten lokalizator jest (Przez, selektor) krotka.

text_to_be_present_in_element (lokalizator, tekst) – Sprawdza, czy tekst występuje w elemencie znajdującym się przy lokalizator . ten lokalizator jest (Przez, selektor) krotka.

element_to_be_clickable(lokalizator) – Sprawdza, czy element znajdujący się przy lokalizator jest widoczny i klikalny. ten lokalizator jest (Przez, selektor) krotka.

element_to_be_selected(lokalizator) – Sprawdza, czy element znajdujący się przy lokalizator jest zaznaczona. ten lokalizator jest (Przez, selektor) krotka.

alert_is_present() – spodziewaj się, że na stronie pojawi się okno dialogowe alertu.

Jest ich znacznie więcej oczekiwane_warunki dostępne do użycia. Aby uzyskać więcej informacji na ten temat, odwiedź Strona dokumentacji Pythona Selenium API .

Wniosek:

W tym artykule omówiłem ukryte i jawne oczekiwania Selenium. Pokazałem ci również, jak pracować z ukrytym i wyraźnym oczekiwaniem. Powinieneś zawsze starać się używać jawnego oczekiwania w swoich projektach Selenium, ponieważ Selenium będzie starał się maksymalnie skrócić czas oczekiwania. W ten sposób nie będziesz musiał czekać określoną liczbę sekund za każdym razem, gdy uruchamiasz swoje projekty Selenium. Wyraźne oczekiwanie powinno zaoszczędzić wiele sekund.

Aby uzyskać więcej informacji o Selenium czeka, odwiedź oficjalna biblioteka Selenium Python czeka na stronę dokumentacji .