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="/8003670-meta-tag-to-prevent-search-engine-bots" title="Metakode for å forhindre søkemotorbots - CSS-triks" rel="bookmark"><img src="https://cdn.css-code.org/1442824/meta_tag_to_prevent_search_engine_bots_css-tricks.png.webp" loading="lazy" alt="Metakode for å forhindre søkemotorbots - CSS-triks" title="Metakode for å forhindre søkemotorbots - 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="/8003670-meta-tag-to-prevent-search-engine-bots" title="Metakode for å forhindre søkemotorbots - CSS-triks" rel="bookmark">Metakode for å forhindre søkemotorbots - 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="/8003671-meta-tags-for-instructing-search-bots" title="Metakoder for å instruere søkeboter - CSS-triks" rel="bookmark"><img src="https://cdn.css-code.org/8215243/meta_tags_for_instructing_search_bots_css-tricks.png.webp" loading="lazy" alt="Metakoder for å instruere søkeboter - CSS-triks" title="Metakoder for å instruere søkeboter - 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="/8003671-meta-tags-for-instructing-search-bots" title="Metakoder for å instruere søkeboter - CSS-triks" rel="bookmark">Metakoder for å instruere søkeboter - 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="/8003672-multiple-file-input" title="Flere filinnganger - CSS-triks" rel="bookmark"><img src="https://cdn.css-code.org/7153975/multiple_file_input_css-tricks.png.webp" loading="lazy" alt="Flere filinnganger - CSS-triks" title="Flere filinnganger - 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="/8003672-multiple-file-input" title="Flere filinnganger - CSS-triks" rel="bookmark">Flere filinnganger - CSS-triks 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="/8225922-how-to-create-pivot-table-in-excel-beginners-tutorial" title="Slik lager du pivottabell i Excel: Opplæringsveiledning" rel="bookmark">Slik lager du pivottabell i Excel: Opplæringsveiledning</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="/8225924-what-is-microsoft-office-365-benefits-of-excel-on-cloud" title="Hva er Microsoft Office 365? Fordeler med Excel på Cloud" rel="bookmark">Hva er Microsoft Office 365? Fordeler med Excel på Cloud</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="/8225925-advanced-charts-and-graph-in-excel" title="Avanserte diagrammer og amp; Graf i Excel" rel="bookmark">Avanserte diagrammer og amp; Graf i Excel</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="/8225926-csv-vs-excel-xls-whats-the-difference" title="CSV vs Excel (.xls) - Hva er forskjellen?" rel="bookmark">CSV vs Excel (.xls) - Hva er forskjellen?</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="/8225927-excel-isblank-function-learn-with-example" title="Excel ISBLANK-funksjon: Lær med eksempel" rel="bookmark">Excel ISBLANK-funksjon: Lær med eksempel</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="/8225929-sumif-function-in-excel-learn-with-example" title="SUMIF-funksjon i Excel: Lær med EXAMPLE" rel="bookmark">SUMIF-funksjon i Excel: Lær med EXAMPLE</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="/8225930-sparklines-in-excel-what-is-how-to-use-types-and-examples" title="Sparklines i Excel: Hva er, hvordan du bruker, typer og amp; Eksempler" rel="bookmark">Sparklines i Excel: Hva er, hvordan du bruker, typer og amp; 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="/8225931-top-40-microsoft-excel-interview-questions-and-answers" title="Topp 40 Microsoft Excel intervjuspørsmål og svar" rel="bookmark">Topp 40 Microsoft Excel intervjuspørsmål og svar</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="/8225933-17-best-excel-alternatives-in-2021-freepaid" title="17 BESTE Excel-alternativer i 2021 (gratis / betalt)" rel="bookmark">17 BESTE Excel-alternativer 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="/8225935-top-10-excel-formulas-asked-in-an-interview-and-answers" title="Topp 10 Excel-formler som blir spurt i et intervju & Svar" rel="bookmark">Topp 10 Excel-formler som blir spurt i et intervju & Svar</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="/8225936-13-best-free-microsoft-courses-and-certification-2021-update" title="13 beste gratis Microsoft-kurs og amp; Sertifisering (2021-oppdatering)" rel="bookmark">13 beste gratis Microsoft-kurs og amp; Sertifisering (2021-oppdatering)</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="/8225937-excel-pdf" title="Excel PDF" rel="bookmark">Excel PDF</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="/8225938-vba-in-excel-what-is-visual-basic-for-applications-how-to-use" title="VBA i Excel: Hva er Visual Basic for applikasjoner, hvordan du bruker" rel="bookmark">VBA i Excel: Hva er Visual Basic for applikasjoner, hvordan du bruker</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="/8225939-15-best-excel-books-2021-update" title="15 BESTE Excel-bøker (2021-oppdatering)" rel="bookmark">15 BESTE Excel-bøker (2021-oppdatering)</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="/8225940-vba-variables-data-types-and-declare-vba-constants-in-excel" title="VBA-variabler, datatyper og amp; Deklarer VBA-konstanter i Excel" rel="bookmark">VBA-variabler, datatyper og amp; Deklarer VBA-konstanter i Excel</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="/8224677-java-arraylist-how-to-use-arraylist-methods-and-examples" title="Java ArrayList: Hvordan bruke, ArrayList Methods & Eksempler" rel="bookmark"><img src="https://cdn.css-code.org/9226493/java_arraylist_how_to_use-_arraylist_methods_ampamp_examples.png.webp" loading="lazy" alt="Java ArrayList: Hvordan bruke, ArrayList Methods & Eksempler" title="Java ArrayList: Hvordan bruke, ArrayList Methods & 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="/8224677-java-arraylist-how-to-use-arraylist-methods-and-examples" title="Java ArrayList: Hvordan bruke, ArrayList Methods & Eksempler" rel="bookmark">Java ArrayList: Hvordan bruke, ArrayList Methods & 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="/8224678-java-string-manipulation-functions-and-methods-with-example" title="Java String Manipulation: Funksjoner og metoder med EKSEMPEL" rel="bookmark"><img src="https://cdn.css-code.org/8387203/java_string_manipulation_functions_and_methods_with_example.png.webp" loading="lazy" alt="Java String Manipulation: Funksjoner og metoder med EKSEMPEL" title="Java String Manipulation: Funksjoner og metoder 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="/8224678-java-string-manipulation-functions-and-methods-with-example" title="Java String Manipulation: Funksjoner og metoder med EKSEMPEL" rel="bookmark">Java String Manipulation: Funksjoner og metoder med EKSEMPEL 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="/8224680-string-length-method-in-java-how-to-find-with-example" title="Strenglengde () Metode i Java: Hvordan finne med eksempel" rel="bookmark"><img src="https://cdn.css-code.org/8082150/string_length_method_in_java_how_to_find_with_example.png.webp" loading="lazy" alt="Strenglengde () Metode i Java: Hvordan finne med eksempel" title="Strenglengde () Metode i Java: Hvordan finne 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="/8224680-string-length-method-in-java-how-to-find-with-example" title="Strenglengde () Metode i Java: Hvordan finne med eksempel" rel="bookmark">Strenglengde () Metode i Java: Hvordan finne med eksempel 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="/8226016-what-is-network-security-key-how-to-find-on-router-windows" title="Hva er nettverkssikkerhetsnøkkel? Hvordan finne på ruteren, Windows" rel="bookmark">Hva er nettverkssikkerhetsnøkkel? Hvordan finne på ruteren, Windows</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8226017-difference-between-synchronous-and-asynchronous-transmission" title="Forskjellen mellom synkron og asynkron overføring" rel="bookmark">Forskjellen mellom synkron og asynkron overføring</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8226019-get-vs-post-key-difference-between-http-methods" title="GET vs POST: Nøkkelforskjell mellom HTTP-metoder" rel="bookmark">GET vs POST: Nøkkelforskjell mellom HTTP-metoder</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8226020-top-135-networking-interview-questions-and-answers" title="Topp 135 nettverksintervju spørsmål og svar" rel="bookmark">Topp 135 nettverksintervju spørsmål og svar</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8226021-10-best-network-testing-tools-in-2021" title="10+ BEST Network Testing Tools i 2021" rel="bookmark">10+ BEST Network Testing Tools i 2021</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="/8004126-shrink-the-admin-bar-expand-on-hover" title="Krymp administrasjonslinjen / utvid pekepinnen - CSS-triks" rel="bookmark">Krymp administrasjonslinjen / utvid pekepinnen - CSS-triks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004127-turn-on-more-buttons-in-the-wordpress-visual-editor" title="Slå på flere knapper i WordPress Visual Editor - CSS-triks" rel="bookmark">Slå på flere knapper i WordPress Visual Editor - CSS-triks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004128-spam-comments-with-very-long-urls" title="Nettsøppelkommentarer med veldig lange nettadresser - CSS-triks" rel="bookmark">Nettsøppelkommentarer med veldig lange nettadresser - CSS-triks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004129-the-category-with-excludes" title="The_category with Excludes - CSS-triks" rel="bookmark">The_category with Excludes - CSS-triks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004130-turn-on-wordpress-error-reporting" title="Slå på WordPress feilrapportering - CSS-triks" rel="bookmark">Slå på WordPress feilrapportering - CSS-triks</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="/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><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003277-26-forcing-shapes-to-be-paths" title="26: Tvinge figurer til å være stier - CSS-triks" rel="bookmark">26: Tvinge figurer til å være stier - CSS-triks</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>
|
