Kako uporabljati selenium IDE s skripti & Ukazi (potrdi, preveri)

Kot testno spletno aplikacijo bomo uporabili spletno stran Mercury Tours. To je spletni sistem za rezervacijo letov, ki vsebuje vse elemente, ki jih potrebujemo za to vadnico. Njegov URL je http://demo.guru99.com/test/newtours/, in to bo naš osnovni URL.

Ustvari skript s snemanjem

Ustvarimo zdaj naš prvi testni skript v programu Selenium IDE po najpogostejši metodi - s snemanjem. Nato bomo izvedli naš scenarij s funkcijo predvajanja.

Korak 1

Zaženite Firefox in Selenium IDE.
Vnesite vrednost za naš osnovni URL: http://demo.guru99.com/test/newtours/.
Vklopite gumb Snemanje (če privzeto še ni vklopljen).

2. korak V Firefoxu pojdite na http://demo.guru99.com/test/newtours/. Firefox naj vas pripelje na podobno stran, kot je prikazana spodaj.
3. korak Z desno miškino tipko kliknite poljuben prazen prostor na strani, na primer logotip Mercury Tours v zgornjem levem kotu. Odprl se bo kontekstni meni Selenium IDE. Opomba: Ne kliknite na hiperpovezane predmete ali slike Izberite možnost "Prikaži razpoložljive ukaze". Nato izberite "assertTitle natančno: Dobrodošli: Mercury Tours." To je ukaz, ki zagotavlja, da je naslov strani pravilen.

4. korak V besedilno polje »Uporabniško ime« v programu Mercury Tours vnesite neveljavno uporabniško ime »invalidUNN«. V besedilno polje "Geslo" vnesite neveljavno geslo, "invalidPWD".

5. korak Kliknite gumb "Prijava". Firefox bi vas moral odpreti na tej strani.
6. korak Za zaustavitev snemanja izklopite gumb za snemanje. Zdaj bi moral biti vaš skript videti kot spodaj.
7. korak Zdaj, ko smo končali s testnim skriptom, ga bomo shranili v testni primer. V meniju Datoteka izberite "Shrani testni primer". Lahko pa preprosto pritisnete Ctrl + S.
8. korak Izberite želeno lokacijo in nato Test Case poimenujte kot "Invalid_login". Kliknite gumb "Shrani".
9. korak Upoštevajte, da je bila datoteka shranjena kot HTML.

10. korak

Vrnite se na Selenium IDE in kliknite gumb Predvajanje, da zaženete celoten skript. Selenium IDE bi moral biti sposoben brezhibno kopirati vse.

Uvod v selenske ukaze - selenese

Selenski ukazi imajo lahko največ dva parametra: ciljni in vrednostni.
Parametri niso ves čas potrebni. Odvisno od tega, koliko ukaza potrebuje.

3 vrste ukazov

Dejanja

To so ukazi, ki neposredno delujejo z elementi strani.

Primer: ukaz "klik" je dejanje, ker neposredno komunicirate z elementom, na katerega kliknete.

Ukaz "type" je tudi dejanje, ker v besedilno polje vstavljate vrednosti, ki vam jih v zameno prikaže. Med vami in besedilnim poljem obstaja dvosmerna interakcija.

Accessors

So ukazi, ki omogočajo shranjevanje vrednosti v spremenljivko.

Primer: ukaz "storeTitle" je dostop, ker le "prebere" naslov strani in ga shrani v spremenljivko. Ne vpliva na noben element na strani.

Trditve

So ukazi, ki preverjajo, ali je določen pogoj izpolnjen.

3 Vrste trditev

Uveljavi . Ko ukaz "assert" ne uspe, se preskus takoj ustavi.
Preverite . Ko ukaz "preveri" ne uspe, Selenium IDE to napako zabeleži in nadaljuje s preizkusom.
Počakaj . Preden nadaljujete z naslednjim ukazom, bodo ukazi "waitFor" najprej počakali, da določen pogoj postane resničen.
- Če stanje v čakalnem obdobju postane resnično, korak preide.
- Če pogoj ne postane resničen, korak ne uspe. Napaka je zabeležena in izvajanje preizkusa se nadaljuje na naslednji ukaz.
- Privzeto je vrednost časovne omejitve nastavljena na 30 sekund. To lahko spremenite v pogovornem oknu Selenium IDE Options na zavihku General.

Uveljavi in preveri

Skupni ukazi

Ukaz	Število parametrov	Opis
odprto	0 - 2	Odpre stran z URL-jem.
click / clickAndWait	1.	Kliki določenega elementa.
type / typeKeys	2.	Vnese zaporedje znakov.
verifyTitle / assertTitle	1.	Primerja dejanski naslov strani s pričakovano vrednostjo.
verifyTextPresent	1.	Preveri, ali je na strani določeno besedilo.
verifyElementPresent	1.	Preveri prisotnost določenega elementa.
verifyTable	2.	Primerja vsebino tabele s pričakovanimi vrednostmi.
waitForPageToLoad	1.	Začasno ustavi izvajanje, dokler se stran ne naloži v celoti.
waitForElementPresent	1.	Začasno ustavi izvajanje, dokler navedeni element ne postane prisoten.

S Firebugom ročno ustvarite skript

Zdaj bomo isti testni primer znova ustvarili ročno, tako da vtipkamo ukaze. Tokrat bomo morali uporabiti Firebug.

Korak 1

Odprite Firefox in Selenium IDE.
Vnesite osnovni URL (http://demo.guru99.com/test/newtours/).
Gumb za snemanje mora biti IZKLOPLJEN.

2. korak: Kliknite zgornjo prazno vrstico v urejevalniku.

V besedilno polje Command vnesite "open" in pritisnite Enter.

3. korak

Poiščite Firefox do našega osnovnega URL-ja in aktivirajte Firebug
V podoknu urejevalnika IDE Selenium izberite drugo vrstico (vrstica pod ukazom "odpri") in ustvarite drugi ukaz, tako da v polje Ukaz vnesete "assertTitle".
Uporabite funkcijo samodokončanja.

4. korak

V Firebugu razširite oznako , da se prikaže oznaka .</li> <li>Kliknite vrednost oznake <title> (ki je »Dobrodošli: Mercury Tours«) in jo prilepite v polje Target v urejevalniku.</li> </ul> </td> </tr> <tr> <td><strong>5. korak</strong> <ul> <li>Če želite ustvariti tretji ukaz, kliknite tretjo prazno vrstico v urejevalniku in vnesite "vrsto" v besedilno polje Ukaz.</li> <li>V Firebugu kliknite gumb "Preveri".</li> </ul> </td> </tr> <tr> <td>Kliknite besedilno polje Uporabniško ime. Upoštevajte, da vam Firebug samodejno prikaže kodo HTML za ta element.</td> </tr> <tr> <td><strong>6. korak</strong> <p>Upoštevajte, da besedilno polje Uporabniško ime nima ID-ja, ima pa atribut NAME. Zato bomo njegovo ime uporabili kot lokator. Kopirajte vrednost NAME in jo prilepite v polje Target v programu Selenium IDE.</p> <p>Še vedno v besedilnem polju Ciljna predpona "userName" z "name =", kar pomeni, da mora Selenium IDE ciljati na element, katerega atribut NAME je "userName".</p> <p>V besedilno polje Value v programu Selenium IDE vnesite "invalidUN". Vaš testni skript bi moral zdaj izgledati kot spodnja slika. Končali smo s tretjim ukazom. Opomba: Namesto neveljavnega UN lahko vnesete kateri koli drug besedilni niz. Toda Selenium IDE razlikuje med velikimi in malimi črkami in vrednosti / atribute vnašate natanko tako kot v aplikaciji.</p> </td> </tr> <tr> <td><strong>7. korak</strong> <ul> <li>Če želite ustvariti četrti ukaz, v besedilno polje Ukaz vnesite "type".</li> <li>Znova uporabite Firebugov gumb "Preveri", da dobite lokator za besedilno polje "Geslo".</li> </ul> <ul> <li> <p>Atribut NAME ("geslo") prilepite v polje Target in mu dodajte predpono "name ="</p> </li> <li> <p>V polje Value v programu Selenium IDE vnesite "invalidPW". Vaš testni skript bi moral zdaj izgledati kot spodnja slika.</p> </li> </ul> </td> </tr> <tr> <td><strong>8. korak</strong> <ul> <li>Za peti ukaz vnesite "clickAndWait" v besedilno polje Command v programu Selenium IDE.</li> <li>Uporabite Firebugov gumb "Preveri", da dobite lokator za gumb "Prijava".</li> </ul> <ul> <li>Vrednost atributa NAME ("prijava") prilepite v besedilno polje Target in predpono vpišite "name =".</li> <li>Vaš testni skript bi moral zdaj izgledati kot spodnja slika.</li> </ul> </td> </tr> </tbody> </table> <p><strong>9. korak:</strong> Testni primer shranite na enak način kot v prejšnjem poglavju.</p> <a id="menu-6"></a> <h2>Uporaba gumba za iskanje</h2> <p><strong>Gumb Poišči v programu Selenium IDE se uporablja za preverjanje, ali je tisto, kar smo dali v besedilno polje Target, res pravilen element uporabniškega vmesnika.</strong></p> <p>Uporabimo testni primer Invalid_login, ki smo ga ustvarili v prejšnjih razdelkih. Kliknite kateri koli ukaz z vnosom Target, recimo tretji ukaz.</p> <p>Kliknite gumb Najdi. Opazite, da bo polje z imenom uporabnika na strani Mercury Tours za trenutek označeno.</p> <p>To pomeni, da je Selenium IDE lahko pravilno zaznal in prišel do pričakovanega elementa. Če je gumb Najdi označil drug element ali ga sploh ni, potem mora biti z vašim skriptom nekaj narobe.</p> <a id="menu-7"></a> <h2>Izvedi ukaz</h2> <p><strong>To vam omogoča izvajanje katerega koli posameznega ukaza, ne da bi zagnali celoten testni primer</strong> . Preprosto kliknite vrstico, ki jo želite izvesti, in nato v menijski vrstici kliknite "Dejanja> Izvedi ta ukaz" ali preprosto pritisnite "X" na tipkovnici.</p> <p><strong>Korak 1.</strong> Prepričajte se, da je vaš brskalnik na domači strani Mercury Tours. Kliknite ukaz, ki ga želite izvršiti. V tem primeru kliknite vrstico "type | userName | invalidUN".</p> <p><strong>Korak 2.</strong> Pritisnite "X" na tipkovnici.</p> <p><strong>Korak 3.</strong> Upoštevajte, da se besedilno polje za uporabniško ime zapolni z besedilom "invalidUN"</p> <p><strong>Izvajanje ukazov na ta način je zelo odvisno od strani, ki jo Firefox trenutno prikazuje</strong> . To pomeni, da če poskusite zgornji primer z prikazano Googlovo domačo stran namesto Mercury Tours, potem vaš korak ne bo uspel, ker na Googlovi domači strani ni besedilnega polja z atributom "userName".</p> <a id="menu-8"></a> <h2>Začetna točka</h2> <p><strong>Začetna točka je indikator, ki sporoča Selenium IDE, v katerih vrsticah se bo začelo izvajanje</strong> . <strong>Njegova bližnjična tipka je "S".</strong></p> <p>V zgornjem primeru se bo predvajanje začelo v tretji vrstici (vnesite | geslo | neveljaven PW). <strong>V enem preskusnem skriptu lahko imate samo eno začetno točko.</strong></p> <p>Začetna točka je podobna izvedbi Command, tako da je odvisna od trenutno prikazane strani. Začetek ne bo uspel, če ste na napačni strani.</p> <a id="menu-9"></a> <h2>Mejne vrednosti</h2> <p>Mejne vrednosti so kazalniki, ki sporočajo, da Selenium IDE samodejno zaustavi test. <strong>Bližnjična tipka je "B".</strong></p> <p>Rumena oznaka pomeni, da je trenutni korak v teku. To dokazuje, da je Selenium IDE zaustavil izvajanje na tem koraku. <strong>V enem testnem primeru lahko imate več mejnih vrednosti.</strong></p> <a id="menu-10"></a> <h2>Korak</h2> <p>Omogoča vam, da po zaustavitvi testnega primera izvajate naslednje zaporedne ukaze. Uporabimo scenarij v prejšnjem poglavju "Točke preloma."</p> <table> <tbody> <tr> <td width="50%"> </td> <td> <p><strong>Preden kliknete »Korak«.</strong></p> <p>Testni primer se ustavi v vrstici "clickAndWait | prijava".</p> </td> </tr> <tr> <td width="50%"> </td> <td> <p><strong>Po kliku na "Korak".</strong></p> <p>Vrstica "clickAndWait | prijava" se zažene in zaustavi naslednji ukaz (verifyTitle | Prijava: Mercury Tours).</p> <p>Upoštevajte, da je naslednja vrstica zaustavljena, čeprav tam ni točke preloma. To je glavni namen funkcije Step - izvaja zaporedne ukaze enega za drugim, da vam omogoči več časa za pregled rezultata po vsakem koraku.</p> </td> </tr> </tbody> </table> <a id="menu-11"></a> <h2>Pomembne stvari, ki jih je treba upoštevati pri uporabi drugih formatov v izvornem pogledu</h2> <p><strong>Selenium IDE dobro deluje samo z HTML-jem - druge oblike so še vedno v eksperimentalnem načinu</strong> . To je <strong>ni priporočljivo</strong> , da ustvarjanje in urejanje testi uporabo drugih formatov v Vir View, saj je pred nami še veliko dela je potrebno, da bi bilo stabilno. Spodaj so znane napake od različice 1.9.1.</p> <ul> <li>Predvajanja ne boste mogli izvajati niti preklopiti nazaj na pogled tabele, če se ne vrnete v HTML.</li> <li>Edini način za varno dodajanje ukazov v izvorno kodo je njihov zapis.</li> <li>Ko ročno spremenite izvorno kodo, se bo ob preklopu v drugo obliko izgubila vsa.</li> <li>Čeprav lahko testni primer shranite v izvornem pogledu, ga Selenium IDE ne bo mogel odpreti.</li> </ul> <p><strong>Priporočen način za pretvorbo selenskih testov je uporaba možnosti "Izvozi testni primer kot ..." v meniju Datoteka in ne prek Pogled vira.</strong></p> <a id="menu-12"></a> <h2>Povzetek</h2> <ul> <li>Testne skripte lahko ustvarite tako, da ukaze in parametre vnesete ročno.</li> <li>Pri ročnem ustvarjanju skriptov se Firebug uporablja za iskanje lokatorja.</li> <li>Gumb Najdi se uporablja za preverjanje, ali ukaz lahko dostopa do pravilnega elementa.</li> <li>Pogled tabele prikazuje preskusni skript v obliki tabele, medtem ko ga izvorni pogled prikaže v obliki HTML.</li> <li>Spreminjanje pogleda vira v format, ki ni HTML, je še vedno poskusno.</li> <li>Ne uporabljajte izvornega pogleda pri ustvarjanju testov v drugih oblikah. Namesto tega uporabite funkcije za izvoz.</li> <li>Parametri niso ves čas potrebni. Odvisno od ukaza.</li> <li>Obstajajo tri vrste ukazov:</li> <ul> <li>Dejanja - neposredno komunicira z elementi strani</li> <li>Accessors - "bere" lastnost elementa in ga shrani v spremenljivko</li> <li>Trditve - primerja dejansko vrednost s pričakovano</li> </ul> <li>Trditve imajo tri vrste:</li> <ul> <li>Trdi - ob neuspehu se naslednji koraki ne izvajajo več</li> <li>Preveri - ob neuspehu se naslednji koraki še vedno izvedejo.</li> <li>WaitFor - preide, če navedeni pogoj postane resničen v časovnem obdobju; v nasprotnem primeru ne bo uspelo</li> </ul> <li>Najpogostejši ukazi so:</li> <ul> <li>odprto</li> <li>click / clickAndWait</li> <li>type / typeKeys</li> <li>verifyTitle / assertTitle</li> <li>verifyTextPresent</li> <li>verifyElementPresent</li> <li>verifyTable</li> <li>waitForPageToLoad</li> <li>waitForElementPresent</li> </ul> </ul> </div> </article> <div id="container-5533149ee6411a5f99b370c693e87966"></div> </div> </div> </div> </div> </div> <aside class="col-lg-4 sidebar sidebar--right"> <div class="widget widget-popular-posts"> <h2 class="widget-title">Priljubljene Objave</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8223807-sap-crm-product-master-hierarchy-categories-set-types-and-attributes" title="SAP CRM Product Master: Hierarhija, kategorije, vrste nastavitev & Lastnosti" rel="bookmark"><img src="https://cdn.css-code.org/7996620/sap_crm_product_master_hierarchy-_categories-_set_types_ampamp_attributes.jpg.webp" loading="lazy" alt="SAP CRM Product Master: Hierarhija, kategorije, vrste nastavitev & Lastnosti" title="SAP CRM Product Master: Hierarhija, kategorije, vrste nastavitev & Lastnosti" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8223807-sap-crm-product-master-hierarchy-categories-set-types-and-attributes" title="SAP CRM Product Master: Hierarhija, kategorije, vrste nastavitev & Lastnosti" rel="bookmark">SAP CRM Product Master: Hierarhija, kategorije, vrste nastavitev & Lastnosti 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8223808-sap-crm-partner-processing-category-function-sequence-determination" title="Obdelava partnerjev SAP CRM: kategorija, funkcija, zaporedje, določitev" rel="bookmark"><img src="https://cdn.css-code.org/9212650/sap_crm_partner_processing_category-_function-_sequence-_determination.png.webp" loading="lazy" alt="Obdelava partnerjev SAP CRM: kategorija, funkcija, zaporedje, določitev" title="Obdelava partnerjev SAP CRM: kategorija, funkcija, zaporedje, določitev" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8223808-sap-crm-partner-processing-category-function-sequence-determination" title="Obdelava partnerjev SAP CRM: kategorija, funkcija, zaporedje, določitev" rel="bookmark">Obdelava partnerjev SAP CRM: kategorija, funkcija, zaporedje, določitev 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8223809-sap-crm-organizational-management" title="Organizacijsko upravljanje SAP CRM" rel="bookmark"><img src="https://cdn.css-code.org/4729110/sap_crm_organizational_management.png.webp" loading="lazy" alt="Organizacijsko upravljanje SAP CRM" title="Organizacijsko upravljanje SAP CRM" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8223809-sap-crm-organizational-management" title="Organizacijsko upravljanje SAP CRM" rel="bookmark">Organizacijsko upravljanje SAP CRM 2025</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Najboljše ocene za mesec</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003992-return-only-one-variable-from-mysql-query" title="Vrni samo eno spremenljivko iz poizvedbe MySQL - CSS-triki" rel="bookmark">Vrni samo eno spremenljivko iz poizvedbe MySQL - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003993-rss-generator" title="RSS Generator - CSS-triki" rel="bookmark">RSS Generator - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003994-sanitize-database-inputs" title="Razkuži vhode v zbirko podatkov - CSS-triki" rel="bookmark">Razkuži vhode v zbirko podatkov - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003995-send-a-text-message" title="Pošlji besedilno sporočilo - CSS-triki" rel="bookmark">Pošlji besedilno sporočilo - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003996-separate-first-and-last-name" title="Ločeno ime in priimek - CSS-triki" rel="bookmark">Ločeno ime in priimek - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003997-send-email" title="Pošlji e-pošto - CSS-triki" rel="bookmark">Pošlji e-pošto - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003998-test-if-string-starts-with-certain-characters-in-php" title="Preverite, ali se niz v PHP začne z določenimi znaki - CSS-triki" rel="bookmark">Preverite, ali se niz v PHP začne z določenimi znaki - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003999-server-side-image-resizer" title="Spreminjalnik slik na strani strežnika - CSS-triki" rel="bookmark">Spreminjalnik slik na strani strežnika - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8004000-truncate-long-string-exactly-in-middle" title="Odseci dolg niz natančno na sredini - CSS-triki" rel="bookmark">Odseci dolg niz natančno na sredini - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8004001-truncate-string-by-words" title="Skrajšaj niz z besedami - CSS-triki" rel="bookmark">Skrajšaj niz z besedami - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8004002-time-ago-function" title="Čas pred funkcijo - CSS-triki" rel="bookmark">Čas pred funkcijo - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8004003-options-to-truncate-strings" title="Možnosti za skrajšanje nizov - CSS-triki" rel="bookmark">Možnosti za skrajšanje nizov - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8004004-update-values-of-entire-table" title="Posodobi vrednosti celotne tabele - CSS-triki" rel="bookmark">Posodobi vrednosti celotne tabele - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8004005-url-validation" title="Preverjanje URL-ja - CSS-triki" rel="bookmark">Preverjanje URL-ja - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8004006-simple-zipcode-range-tester" title="Preprost preizkuševalnik obsega poštnih številk - CSS-triki" rel="bookmark">Preprost preizkuševalnik obsega poštnih številk - CSS-triki</a></h3> </div> </div> </li> </ul> </div> <div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Top Članki</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225830-factor-in-r-categorical-variable-and-continuous-variables" title="Faktor v R: Kategorična spremenljivka & Neprekinjene spremenljivke" rel="bookmark"><img src="https://cdn.css-code.org/5403162/factor_in_r_categorical_variable_ampamp_continuous_variables.png.webp" loading="lazy" alt="Faktor v R: Kategorična spremenljivka & Neprekinjene spremenljivke" title="Faktor v R: Kategorična spremenljivka & Neprekinjene spremenljivke" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225830-factor-in-r-categorical-variable-and-continuous-variables" title="Faktor v R: Kategorična spremenljivka & Neprekinjene spremenljivke" rel="bookmark">Faktor v R: Kategorična spremenljivka & Neprekinjene spremenljivke 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225831-how-to-send-large-files-videos-online-over-internet-email" title="Kako poslati velike datoteke (videoposnetke) prek interneta preko interneta E-naslov" rel="bookmark"><img src="https://cdn.css-code.org/3978715/how_to_send_large_files_videos_online_over_internet_email.png.webp" loading="lazy" alt="Kako poslati velike datoteke (videoposnetke) prek interneta preko interneta E-naslov" title="Kako poslati velike datoteke (videoposnetke) prek interneta preko interneta E-naslov" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225831-how-to-send-large-files-videos-online-over-internet-email" title="Kako poslati velike datoteke (videoposnetke) prek interneta preko interneta E-naslov" rel="bookmark">Kako poslati velike datoteke (videoposnetke) prek interneta preko interneta E-naslov 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225832-25-best-file-sharing-sites-in-2021-freepaid" title="25+ NAJBOLJŠIH mest za skupno rabo datotek v letu 2021 (brezplačno / plačljivo)" rel="bookmark"><img src="https://cdn.css-code.org/9205591/25_best_file_sharing_sites_in_2021_freepaid.jpg.webp" loading="lazy" alt="25+ NAJBOLJŠIH mest za skupno rabo datotek v letu 2021 (brezplačno / plačljivo)" title="25+ NAJBOLJŠIH mest za skupno rabo datotek v letu 2021 (brezplačno / plačljivo)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225832-25-best-file-sharing-sites-in-2021-freepaid" title="25+ NAJBOLJŠIH mest za skupno rabo datotek v letu 2021 (brezplačno / plačljivo)" rel="bookmark">25+ NAJBOLJŠIH mest za skupno rabo datotek v letu 2021 (brezplačno / plačljivo) 2025</a></h3> </div> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer footer--dark"> <div class="container"> <div class="footer__widgets"> <div class="row"> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Priljubljene Objave</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003950-get-feedburner-subscriber-count-with-curl" title="Pridobite število naročnikov FeedBurner s cURL - CSS-triki" rel="bookmark">Pridobite število naročnikov FeedBurner s cURL - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003951-get-current-page-url" title="Pridobite URL trenutne strani - CSS-triki" rel="bookmark">Pridobite URL trenutne strani - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003952-get-file-last-updated-date" title="Pridobite datum zadnje posodobitve datoteke - CSS-triki" rel="bookmark">Pridobite datum zadnje posodobitve datoteke - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003953-get-file-size" title="Pridobi velikost datoteke - CSS-triki" rel="bookmark">Pridobi velikost datoteke - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003954-get-image-information" title="Pridobite informacije o sliki - CSS-triki" rel="bookmark">Pridobite informacije o sliki - CSS-triki</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Izbira Urednika</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226574-python-numpy-array-tutorial" title="Vadnica za Python Numpy Array" rel="bookmark">Vadnica za Python Numpy Array</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226576-numpy-reshape-and-numpy-flatten-in-python" title="Numpy.reshape () in numpy.flatten () v Pythonu" rel="bookmark">Numpy.reshape () in numpy.flatten () v Pythonu</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226577-numpy-hstack-and-numpy-vstack-in-python-with-example" title="Numpy.hstack () in numpy.vstack () v Pythonu s primerom" rel="bookmark">Numpy.hstack () in numpy.vstack () v Pythonu s primerom</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226578-numpy-zeros-in-python-numpy-ones-in-python-with-example" title="Numpy.zeros () v Pythonu - numpy.ones () v Pythonu z Primer" rel="bookmark">Numpy.zeros () v Pythonu - numpy.ones () v Pythonu z Primer</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226579-how-to-download-and-install-tensorflow-jupyter-windowsmac" title="Kako prenesti & Namestite TensorFLow: Jupyter - Windows / Mac" rel="bookmark">Kako prenesti & Namestite TensorFLow: Jupyter - Windows / Mac</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Top Članki</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8001126-trigger-click-on-input-when-label-is-clicked" title="Sproži klik na vnos, ko klikneš nalepko - CSS-triki" rel="bookmark">Sproži klik na vnos, ko klikneš nalepko - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002860-align-self" title="Poravnaj-samo - CSS-triki" rel="bookmark">Poravnaj-samo - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002861-all" title="Vse - CSS-triki" rel="bookmark">Vse - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002862-animation" title="Animacija - CSS-triki" rel="bookmark">Animacija - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002863-background" title="Ozadje - CSS-triki" rel="bookmark">Ozadje - CSS-triki</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright sl.css-code.org, 2025 April | <a href="https://sl.css-code.org/about-site" title="O spletnem mestu">O spletnem mestu</a> | <a href="https://sl.css-code.org/contacts" title="Stiki">Stiki</a> | <a href="https://sl.css-code.org/privacy-policy" title="Politika zasebnosti.">Politika zasebnosti.</a>. </p> </div> </div> </footer> <link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> </body> </html>