Hvordan bruke Selen IDE med Scripts & Kommandoer (Påstå, Bekreft)

Vi vil bruke Mercury Tours-nettstedet som vår webapplikasjon under test. Det er et online flyreservasjonssystem som inneholder alle elementene vi trenger for denne opplæringen. URL-en er http://demo.guru99.com/test/newtours/, og dette vil være vår grunn-URL.

Lag et skript ved innspilling

La oss nå lage vårt første testskript i Selen IDE ved å bruke den vanligste metoden - ved opptak. Etterpå skal vi utføre skriptet vårt ved hjelp av avspillingsfunksjonen.

Trinn 1

Start Firefox og Selen IDE.
Skriv inn verdien for grunn-URL: http://demo.guru99.com/test/newtours/.
Slå på Record-knappen (hvis den ennå ikke er slått på som standard).

Steg 2 I Firefox navigerer du til http://demo.guru99.com/test/newtours/. Firefox bør ta deg til siden som ligner på den som er vist nedenfor.
Trinn 3 Høyreklikk på et tomt område på siden, som på Mercury Tours-logoen øverst til venstre. Dette viser Selenium IDE-kontekstmenyen. Merk: Ikke klikk på noen hyperkoblede objekter eller bilder Velg alternativet "Vis tilgjengelige kommandoer". Velg deretter "assertTitle exact: Welcome: Mercury Tours." Dette er en kommando som sørger for at sidetittelen er riktig.

Trinn 4 Skriv inn et ugyldig brukernavn, "ugyldig UNN" i tekstboksen "Brukernavn" i Mercury Tours. Skriv inn et ugyldig passord, "invalidPWD", i tekstboksen "Passord".

Trinn 5 Klikk på "Pålogging" -knappen. Firefox burde ta deg til denne siden.
Trinn 6 Slå av opptaksknappen for å stoppe opptaket. Skriptet ditt skal nå se ut som det som vises nedenfor.
Trinn 7 Nå som vi er ferdige med testskriptet vårt, skal vi lagre det i en testsak. Velg "Lagre testtilfelle" i Fil-menyen. Alternativt kan du bare trykke Ctrl + S.
Trinn 8 Velg ønsket plassering, og navngi deretter testsaken som "Ugyldig innlogging". Klikk på "Lagre" -knappen.
Trinn 9. Legg merke til at filen ble lagret som HTML.

Trinn 10.

Gå tilbake til Selenium IDE og klikk på avspillingsknappen for å utføre hele skriptet. Selen IDE skal kunne replikere alt feilfritt.

Introduksjon til selenkommandoer - selenesisk

Selenes-kommandoer kan ha maksimalt to parametere: mål og verdi.
Parametere er ikke nødvendig hele tiden. Det avhenger av hvor mange kommandoen trenger.

3 typer kommandoer

Handlinger

Dette er kommandoer som direkte samhandler med sideelementene.

Eksempel: "klikk" -kommandoen er en handling fordi du samhandler direkte med elementet du klikker på.

Kommandoen "type" er også en handling fordi du legger verdier i en tekstboks, og tekstboksen viser dem til gjengjeld. Det er en toveis interaksjon mellom deg og tekstboksen.

Tilbehør

De er kommandoer som lar deg lagre verdier til en variabel.

Eksempel: "storeTitle" -kommandoen er en tilgangstype fordi den bare "leser" sidetittelen og lagrer den i en variabel. Det samhandler ikke med noe element på siden.

Påstander

De er kommandoer som verifiserer om en viss betingelse er oppfylt.

3 typer påstander

Påstå . Når en "assert" -kommando mislykkes, stoppes testen umiddelbart.
Bekreft . Når en "verifiser" -kommando mislykkes, logger Selenium IDE denne feilen og fortsetter med testutførelsen.
Vent til . Før du fortsetter til neste kommando, vil "waitFor" -kommandoer først vente på at en viss tilstand skal bli oppfylt.
- Hvis tilstanden blir oppfylt i løpet av ventetiden, går trinnet.
- Hvis tilstanden ikke blir oppfylt, mislykkes trinnet. Feil logges, og testutførelse fortsetter til neste kommando.
- Som standard er tidsavbruddsverdien satt til 30 sekunder. Du kan endre dette i dialogboksen Selen IDE Options under kategorien Generelt.

Påstand vs Bekreft

Vanlige kommandoer

Kommando	Antall parametere	Beskrivelse
åpen	0 - 2	Åpner en side ved hjelp av en URL.
klikk / klikkAndWait	1	Klikk på et spesifisert element.
type / typeKeys	2	Taster en sekvens av tegn.
verifisere tittel / assertTitle	1	Sammenligner den faktiske sidetittelen med en forventet verdi.
verifisereTextPresent	1	Sjekker om en bestemt tekst er funnet på siden.
verifisereElementPresent	1	Kontrollerer tilstedeværelsen av et bestemt element.
verifiseringstabell	2	Sammenligner innholdet i en tabell med forventede verdier.
waitForPageToLoad	1	Pauser utførelsen til siden er lastet helt inn.
waitForElementPresent	1	Pauser utførelsen til det angitte elementet blir til stede.

Opprett et skript manuelt med Firebug

Nå skal vi gjenskape den samme testsaken manuelt, ved å skrive inn kommandoene. Denne gangen må vi bruke Firebug.

Trinn 1

Åpne Firefox og Selen IDE.
Skriv inn basis-URL (http://demo.guru99.com/test/newtours/).
Opptaksknappen skal være AV.

Trinn 2: Klikk på den øverste tomme linjen i Editor.

Skriv "åpne" i tekstboksen Kommando og trykk Enter.

Trinn 3

Naviger Firefox til vår grunnleggende URL og aktiver Firebug
I Selenium IDE Editor-ruten velger du den andre linjen (linjen under "åpen" kommando) og oppretter den andre kommandoen ved å skrive "assertTitle" i kommandofeltet.
Bruk gjerne autofullføringsfunksjonen.

Trinn 4

I Firebug utvider du -koden for å vise -koden.</li> <li>Klikk på verdien til <title> -koden (som er "Welcome: Mercury Tours") og lim den inn i målfeltet i Editor.</li> </ul> </td> </tr> <tr> <td><strong>Trinn 5</strong> <ul> <li>For å opprette den tredje kommandoen, klikk på den tredje blanke linjen i Editor og tast inn "type" i tekstboksen Kommando.</li> <li>I Firebug klikker du på "Inspiser" -knappen.</li> </ul> </td> </tr> <tr> <td>Klikk på tekstboksen Brukernavn. Legg merke til at Firebug automatisk viser deg HTML-koden for det elementet.</td> </tr> <tr> <td><strong>Trinn 6</strong> <p>Legg merke til at tekstboksen Brukernavn ikke har ID, men den har et NAVN-attributt. Vi skal derfor bruke NAVN som lokaliseringsprogram. Kopier NAME-verdien og lim den inn i Target-feltet i Selen IDE.</p> <p>Fortsett i Target-tekstboksen, prefiks "userName" med "name =", noe som indikerer at Selen IDE skal målrette mot et element hvis NAME-attributt er "userName."</p> <p>Skriv "invalidUN" i tekstboksen Verdi i Selen IDE. Testskriptet ditt skal nå se ut som bildet nedenfor. Vi er ferdige med den tredje kommandoen. Merk: I stedet for ugyldig UN kan du skrive inn hvilken som helst annen tekststreng. Men Selen IDE er mellom store og små bokstaver, og du skriver inn verdier / attributter akkurat som i applikasjonen.</p> </td> </tr> <tr> <td><strong>Trinn 7</strong> <ul> <li>For å opprette den fjerde kommandoen, tast inn "type" i tekstboksen Kommando.</li> <li>Igjen, bruk Firebugs "Inspiser" -knapp for å hente lokaliseringsboksen for "Passord" -tekstboksen.</li> </ul> <ul> <li> <p>Lim inn NAME-attributtet ("passord") i målfeltet og prefikset med "name ="</p> </li> <li> <p>Skriv "invalidPW" i Verdifeltet i Selen IDE. Testskriptet ditt skal nå se ut som bildet nedenfor.</p> </li> </ul> </td> </tr> <tr> <td><strong>Trinn 8</strong> <ul> <li>For den femte kommandoen skriver du "clickAndWait" i tekstboksen Kommando i Selen IDE.</li> <li>Bruk Firebugs "Inspiser" -knapp for å hente lokalisatoren for "Logg inn" -knappen.</li> </ul> <ul> <li>Lim inn verdien av NAME-attributtet ("login") på tekstboksen Target og prefiks den med "name =".</li> <li>Testskriptet ditt skal nå se ut som bildet nedenfor.</li> </ul> </td> </tr> </tbody> </table> <p><strong>Trinn 9:</strong> Lagre testsaken på samme måte som vi gjorde i forrige avsnitt.</p> <a id="menu-6"></a> <h2>Ved hjelp av Finn-knappen</h2> <p><strong>Finn-knappen i Selen IDE brukes til å verifisere om det vi hadde lagt i tekstboksen Mål virkelig er det riktige UI-elementet.</strong></p> <p>La oss bruke Invalid_login test case som vi opprettet i forrige seksjoner. Klikk på en kommando med en måloppføring, si den tredje kommandoen.</p> <p>Klikk på Finn-knappen. Legg merke til at tekstfeltet Brukernavn på Mercury Tours-siden blir uthevet i et sekund.</p> <p>Dette indikerer at Selen IDE var i stand til å oppdage og få tilgang til det forventede elementet riktig. Hvis Finn-knappen markerte et annet element eller ikke noe element i det hele tatt, må det være noe galt med skriptet ditt.</p> <a id="menu-7"></a> <h2>Utfør kommando</h2> <p><strong>Dette lar deg utføre en enkelt kommando uten å kjøre hele testsaken</strong> . Bare klikk på linjen du vil utføre, og klikk deretter på "Handlinger> Utfør denne kommandoen" fra menylinjen, eller trykk bare "X" på tastaturet.</p> <p><strong>Trinn 1.</strong> Forsikre deg om at nettleseren din er på Mercury Tours hjemmeside. Klikk på kommandoen du vil utføre. I dette eksemplet klikker du på "type | userName | invalidUN" -linjen.</p> <p><strong>Trinn 2.</strong> Trykk på "X" på tastaturet.</p> <p><strong>Trinn 3.</strong> Observer at tekstboksen for brukernavn blir fylt med teksten "ugyldig UN"</p> <p><strong>Å utføre kommandoer på denne måten er veldig avhengig av siden som Firefox viser for øyeblikket</strong> . Dette betyr at hvis du prøver eksemplet ovenfor med Googles hjemmeside vist i stedet for Mercury Tours ', vil trinnet ditt mislykkes fordi det ikke er noen tekstboks med et "userName" -attributt på Googles hjemmeside.</p> <a id="menu-8"></a> <h2>Startpunkt</h2> <p><strong>Et startpunkt er en indikator som forteller Selen IDE hvilke linjer kjøringen vil starte</strong> . <strong>Hurtigtasten er "S".</strong></p> <p>I eksemplet ovenfor starter avspilling på tredje linje (skriv inn | passord | ugyldigPW). <strong>Du kan bare ha ett startpunkt i et enkelt testskript.</strong></p> <p>Startpunktet ligner på Utfør kommando slik at de er avhengige av siden som vises for øyeblikket. Startpunktet mislykkes hvis du er på feil side.</p> <a id="menu-9"></a> <h2>Breakpoints</h2> <p>Breakpoints er indikatorer som forteller Selen IDE hvor testen skal stoppes automatisk. <strong>Hurtigtasten er "B".</strong></p> <p>Det gule høydepunktet betyr at det nåværende trinnet venter. Dette beviser at Selen IDE har stoppet utførelsen på det trinnet. <strong>Du kan ha flere bruddpunkter i en testtilfelle.</strong></p> <a id="menu-10"></a> <h2>Steg</h2> <p>Den lar deg utføre etterfølgende kommandoer en om gangen etter at testsaken er satt på pause. La oss bruke scenariet i forrige avsnitt "Breakpoints."</p> <table> <tbody> <tr> <td width="50%"> </td> <td> <p><strong>Før du klikker "Trinn".</strong></p> <p>Testsaken stopper på linjen "clickAndWait | login".</p> </td> </tr> <tr> <td width="50%"> </td> <td> <p><strong>Etter å ha klikket "Trinn".</strong></p> <p>Linjen "clickAndWait | login" kjøres og pauses til neste kommando (verifisere tittel | Pålogging: Mercury Tours).</p> <p>Legg merke til at neste linje er satt på pause selv om det ikke er noe bruddpunkt der. Dette er hovedformålet med trinnfunksjonen - den utfører de påfølgende kommandoene en om gangen for å gi deg mer tid til å inspisere resultatet etter hvert trinn.</p> </td> </tr> </tbody> </table> <a id="menu-11"></a> <h2>Viktige ting å merke seg når du bruker andre formater i kildevisning</h2> <p><strong>Selen IDE fungerer bare bra med HTML - andre formater er fortsatt i eksperimentell modus</strong> . Det anbefales <strong>IKKE</strong> å opprette eller redigere tester ved hjelp av andre formater i Source View fordi det fortsatt er mye arbeid som trengs for å gjøre det stabilt. Nedenfor er de kjente feilene fra versjon 1.9.1.</p> <ul> <li>Du vil ikke kunne utføre avspilling eller bytte tilbake til tabellvisning med mindre du går tilbake til HTML.</li> <li>Den eneste måten å legge til kommandoer trygt på kildekoden er å registrere dem.</li> <li>Når du endrer kildekoden manuelt, vil alt gå tapt når du bytter til et annet format.</li> <li>Selv om du kan lagre testsaken din mens du er i Source View, vil ikke Selenium IDE kunne åpne den.</li> </ul> <p><strong>Den anbefalte måten å konvertere Selenese-tester på er å bruke alternativet "Eksporter testtilfelle som ..." under Fil-menyen, og ikke gjennom kildevisningen.</strong></p> <a id="menu-12"></a> <h2>Sammendrag</h2> <ul> <li>Testskript kan opprettes enten ved å registrere eller skrive inn kommandoene og parametrene manuelt.</li> <li>Når du oppretter skript manuelt, brukes Firebug for å få lokaliseringen.</li> <li>Finn-knappen brukes til å kontrollere at kommandoen har tilgang til riktig element.</li> <li>Tabellvisning viser et testskript i tabellform mens Source View viser det i HTML-format.</li> <li>Å endre kildevisningen til et ikke-HTML-format er fortsatt eksperimentelt.</li> <li>Ikke bruk Source View når du oppretter tester i andre formater. Bruk eksportfunksjonene i stedet.</li> <li>Parametere er ikke nødvendig hele tiden. Det avhenger av kommandoen.</li> <li>Det er tre typer kommandoer:</li> <ul> <li>Handlinger - samhandler direkte med sideelementene</li> <li>Accessors - "leser" en elementegenskap og lagrer den i en variabel</li> <li>Påstander - sammenligner en faktisk verdi med en forventet verdi</li> </ul> <li>Påstander har tre typer:</li> <ul> <li>Påstand - etter svikt utføres ikke etterfølgende trinn</li> <li>Bekreft - etter feil utføres fremdeles trinn.</li> <li>WaitFor - passerer hvis den angitte tilstanden blir oppfylt innen tidsavbruddsperioden; ellers vil det mislykkes</li> </ul> <li>De vanligste kommandoene er:</li> <ul> <li>åpen</li> <li>klikk / klikkAndWait</li> <li>type / typeKeys</li> <li>verifisere tittel / assertTitle</li> <li>verifisereTextPresent</li> <li>verifisereElementPresent</li> <li>verifiseringstabell</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">Populære Innlegg</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="/8224522-pointers-in-c-programming-what-is-pointer-types-and-examples" title="Pekere i C-programmering: Hva er peker, typer & Eksempler" rel="bookmark"><img src="https://cdn.css-code.org/3389545/pointers_in_c_programming_what_is_pointer-_types_ampamp_examples.png.webp" loading="lazy" alt="Pekere i C-programmering: Hva er peker, typer & Eksempler" title="Pekere i C-programmering: Hva er peker, typer & Eksempler" 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="/8224522-pointers-in-c-programming-what-is-pointer-types-and-examples" title="Pekere i C-programmering: Hva er peker, typer & Eksempler" rel="bookmark">Pekere i C-programmering: Hva er peker, typer & Eksempler 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="/8224523-functions-in-c-programming-with-examples-recursive-inline" title="Funksjoner i C-programmering med eksempler: Rekursiv, Inline" rel="bookmark"><img src="https://cdn.css-code.org/8704245/functions_in_c_programming_with_examples_recursive-_inline.png.webp" loading="lazy" alt="Funksjoner i C-programmering med eksempler: Rekursiv, Inline" title="Funksjoner i C-programmering med eksempler: Rekursiv, Inline" 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="/8224523-functions-in-c-programming-with-examples-recursive-inline" title="Funksjoner i C-programmering med eksempler: Rekursiv, Inline" rel="bookmark">Funksjoner i C-programmering med eksempler: Rekursiv, Inline 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="/8224524-c-bitwise-operators-and-or-xor-shift-and-complement-with-example" title="C Bitvis operatører: AND, OR, XOR, Shift & Komplement (med eksempel)" rel="bookmark"><img src="https://cdn.css-code.org/8480789/c_bitwise_operators_and-_or-_xor-_shift_ampamp_complement_with_example.png.webp" loading="lazy" alt="C Bitvis operatører: AND, OR, XOR, Shift & Komplement (med eksempel)" title="C Bitvis operatører: AND, OR, XOR, Shift & Komplement (med eksempel)" 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="/8224524-c-bitwise-operators-and-or-xor-shift-and-complement-with-example" title="C Bitvis operatører: AND, OR, XOR, Shift & Komplement (med eksempel)" rel="bookmark">C Bitvis operatører: AND, OR, XOR, Shift & Komplement (med eksempel) 2025</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Beste anmeldelser for måned</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="/8225885-cissp-certification-guide-what-is-prerequisites-cost-cissp-salary" title="CISSP-sertifiseringsveiledning: Hva er, Forutsetninger, Kostnad, CISSP Lønn" rel="bookmark">CISSP-sertifiseringsveiledning: Hva er, Forutsetninger, Kostnad, CISSP Lønn</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="/8225886-what-is-cybercrime-types-tools-examples" title="Hva er nettkriminalitet? Typer, verktøy, eksempler" rel="bookmark">Hva er nettkriminalitet? Typer, verktøy, eksempler</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="/8225887-10-best-ddos-attack-tools-free-ddos-online-software-2021" title="10 BESTE DDoS Attack Tools - Gratis DDoS Online-programvare (2021)" rel="bookmark">10 BESTE DDoS Attack Tools - Gratis DDoS Online-programvare (2021)</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="/8225888-15-best-free-malware-removal-software-in-2021" title="15+ beste GRATIS programvare for fjerning av skadelig programvare i 2021" rel="bookmark">15+ beste GRATIS programvare for fjerning av skadelig programvare i 2021</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="/8225889-20-best-ethical-hacking-tools-and-software-for-hackers-2021" title="20 beste etiske hackingsverktøy og amp; Programvare for hackere (2021)" rel="bookmark">20 beste etiske hackingsverktøy og amp; Programvare for hackere (2021)</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="/8225890-20-best-free-anti-spyware-malware-removal-tools" title="20+ beste GRATIS verktøy for fjerning av antispionvare (skadelig programvare)" rel="bookmark">20+ beste GRATIS verktøy for fjerning av antispionvare (skadelig programvare)</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="/8225892-15-best-digital-forensic-tools-in-2021-freepaid" title="15 BESTE digitale rettsmedisinske verktøy i 2021 (gratis / betalt)" rel="bookmark">15 BESTE digitale rettsmedisinske verktøy i 2021 (gratis / betalt)</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="/8225893-22-best-cyber-security-software-tools-in-2021" title="22 BESTE verktøy for cybersikkerhetsprogramvare i 2021" rel="bookmark">22 BESTE verktøy for cybersikkerhetsprogramvare i 2021</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="/8225894-15-best-network-scanning-tools-network-and-ip-scanner-2021" title="De 15 beste verktøyene for nettverksskanning (nettverk og IP-skanner) 2021" rel="bookmark">De 15 beste verktøyene for nettverksskanning (nettverk og IP-skanner) 2021</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="/8225895-10-best-wireshark-alternatives-in-2021-mac-windows" title="De 10 beste Wireshark-alternativene i 2021 (Mac, Windows)" rel="bookmark">De 10 beste Wireshark-alternativene i 2021 (Mac, Windows)</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="/8225896-40-best-penetration-testing-pen-test-vapt-tools-in-2021" title="40 beste penetrasjonstesting (pennetest) Vapt-verktøy i 2021" rel="bookmark">40 beste penetrasjonstesting (pennetest) Vapt-verktøy i 2021</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="/8225898-best-phone-spy-apps-free-android-and-iphone-mobile-spying-app" title="Beste telefonspionapps: Gratis Android og amp; iPhone mobil spioneringsapp" rel="bookmark">Beste telefonspionapps: Gratis Android og amp; iPhone mobil spioneringsapp</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="/8225899-11-best-free-firewall-software-for-windows-2021-update" title="11 beste GRATIS brannmurprogramvare for Windows (oppdatering 2021)" rel="bookmark">11 beste GRATIS brannmurprogramvare for Windows (oppdatering 2021)</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="/8225900-15-best-website-vulnerability-scanner-web-security-check" title="15 BESTE nettstedssårbarhetsskanner - Nettsikkerhetssjekk" rel="bookmark">15 BESTE nettstedssårbarhetsskanner - Nettsikkerhetssjekk</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="/8225901-best-16-no-log-vpns-truly-anonymous-private-in-2021" title="De beste 16 ikke-logg-VPNene (VIRKELIG ANONYM - PRIVAT) i 2021" rel="bookmark">De beste 16 ikke-logg-VPNene (VIRKELIG ANONYM - PRIVAT) i 2021</a></h3> </div> </div> </li> </ul> </div> <div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Topp Artikler</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="/8004067-detect-gists-and-embed-them" title="Oppdage gists og bygge dem inn - CSS-triks" rel="bookmark"><img src="https://cdn.css-code.org/6059433/detect_gists_and_embed_them_css-tricks.png.webp" loading="lazy" alt="Oppdage gists og bygge dem inn - CSS-triks" title="Oppdage gists og bygge dem inn - CSS-triks" 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="/8004067-detect-gists-and-embed-them" title="Oppdage gists og bygge dem inn - CSS-triks" rel="bookmark">Oppdage gists og bygge dem inn - CSS-triks 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="/8004069-disable-automatic-formatting" title="Deaktiver automatisk formatering - CSS-triks" rel="bookmark"><img src="https://cdn.css-code.org/2401023/disable_automatic_formatting_css-tricks.png.webp" loading="lazy" alt="Deaktiver automatisk formatering - CSS-triks" title="Deaktiver automatisk formatering - CSS-triks" 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="/8004069-disable-automatic-formatting" title="Deaktiver automatisk formatering - CSS-triks" rel="bookmark">Deaktiver automatisk formatering - CSS-triks 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="/8004070-disable-automatic-formatting-using-a-shortcode" title="Deaktiver automatisk formatering ved hjelp av en kortkode - CSS-triks" rel="bookmark"><img src="https://cdn.css-code.org/1524048/disable_automatic_formatting_using_a_shortcode_css-tricks.png.webp" loading="lazy" alt="Deaktiver automatisk formatering ved hjelp av en kortkode - CSS-triks" title="Deaktiver automatisk formatering ved hjelp av en kortkode - CSS-triks" 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="/8004070-disable-automatic-formatting-using-a-shortcode" title="Deaktiver automatisk formatering ved hjelp av en kortkode - CSS-triks" rel="bookmark">Deaktiver automatisk formatering ved hjelp av en kortkode - CSS-triks 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">Populære Innlegg</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003272-21-get-two-colors-in-a-use" title="21: Få to farger i bruk - CSS-triks" rel="bookmark">21: Få to farger i bruk - CSS-triks</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003273-22-animating-svg-with-css" title="22: Animering av SVG med CSS - CSS-triks" rel="bookmark">22: Animering av SVG med CSS - CSS-triks</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003274-23-animating-svg-with-smil" title="23: Animering av SVG med SMIL - CSS-triks" rel="bookmark">23: Animering av SVG med SMIL - CSS-triks</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003275-24-illustrator-quick-tip-copy-and-paste-inline-svg" title="24: Illustrator Hurtigtips: Kopier og lim inn innebygd SVG - CSS-triks" rel="bookmark">24: Illustrator Hurtigtips: Kopier og lim inn innebygd SVG - CSS-triks</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003276-25-manually-optimizing-svg-in-illustrator" title="25: Manuell optimalisering av SVG i Illustrator - CSS-triks" rel="bookmark">25: Manuell optimalisering av SVG i Illustrator - CSS-triks</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Redaksjonens</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8223680-what-is-sap-basis-complete-tutorial" title="Hva er SAP BASIS? Komplett veiledning" rel="bookmark">Hva er SAP BASIS? Komplett veiledning</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8223681-best-erp-software-sap-competitors-and-alternatives-in-2021" title="Beste ERP-programvare: SAP-konkurrenter og amp; Alternativer i 2021" rel="bookmark">Beste ERP-programvare: SAP-konkurrenter og amp; Alternativer i 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8223682-how-to-download-and-install-sap-gui-frontend-for-windows" title="Hvordan laste ned & Installer SAP GUI (FrontEnd) for Windows" rel="bookmark">Hvordan laste ned & Installer SAP GUI (FrontEnd) for Windows</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8223683-what-is-sap-instance-and-sap-sid" title="Hva er SAP Instance & SAP SID?" rel="bookmark">Hva er SAP Instance & SAP SID?</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8223684-sap-r3-architecture-tutorial" title="Sap R / 3 Architecture Tutorial" rel="bookmark">Sap R / 3 Architecture Tutorial</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Topp Artikler</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222607-what-is-benchmark-testing-test-plan-tools-example" title="Hva er referansetesting? Testplan, verktøy, eksempel" rel="bookmark">Hva er referansetesting? Testplan, verktøy, eksempel</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222609-what-is-endurance-testing-in-software-testing-with-example" title="Hva er utholdenhetstesting ved programvaretesting? (med eksempel)" rel="bookmark">Hva er utholdenhetstesting ved programvaretesting? (med eksempel)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222611-reliability-testing-tutorial-what-is-methods-tools-example" title="Pålitelighetstestopplæring: Hva er, Metoder, Verktøy, Eksempel" rel="bookmark">Pålitelighetstestopplæring: Hva er, Metoder, Verktøy, Eksempel</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222612-10-best-performance-testing-tools-load-testing-tools-2021" title="10 BESTE testverktøy for ytelse - Lasttestverktøy (2021)" rel="bookmark">10 BESTE testverktøy for ytelse - Lasttestverktøy (2021)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222613-how-to-create-test-strategy-document-sample-template" title="Hvordan lage teststrategidokument (prøve mal)" rel="bookmark">Hvordan lage teststrategidokument (prøve mal)</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright no.css-code.org, 2025 Juli | <a href="https://no.css-code.org/about-site" title="Om nettstedet">Om nettstedet</a> | <a href="https://no.css-code.org/contacts" title="Kontakter">Kontakter</a> | <a href="https://no.css-code.org/privacy-policy" title="Personvernregler">Personvernregler</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>