Liigu põhisisu juurde

Veebiloendur tasuta

Klõpsude loendur, mis salvestab automaatselt sinu brauserisse. Lisa mitu loendurit kohandatud siltide ja sammudega. Loe inimesi, kordusi, ringe, inventari, mida iganes.

Töötab võrguühenduseta pärast laadimist
Laadimine...

Levinud kasutusviisid

  • Loendage inimesi üritustelJälgige osavõttu, inimeste arvu või mahutavust uste ja kohtviiside juures.
  • Loenda ladu ja varudKokku varude loendamise ajal ilma kohta kaotamata.
  • Loendage kordusi ja kogusidJälgige treeningu kordusi, koguseid või voore suurte puudutamise eesmärkidega.
  • Rea loendurites kudumisele ja kroošitamiseleJälgige ridu ja mustri kordusi oma projektis.
  • Loendage lindudest, loomadest ja uuringutestKokku vaatlused linduloenduse, uuringute ja välitöö ajal.

Kuidas see töötab

See loendur töötab täielikult sinu brauseris, kasutades React'i olekut ja brauseri sisseehitatud localStorage API-t — serverit, kontot ega kuhugi saadetavaid andmeid pole. Loendused säilivad lehe värskendamisel automaatselt ja täisekraanirežiim kasutab Screen Wake Lock API-t, et hoida ekraan loendamise ajal sees.

  1. 1
    Olek elab localStorage'is
    Lehe laadimisel loeb tööriist kõik varem salvestatud loendurid localStorage'ist fikseeritud võtme alt. Iga loendur — selle silt, praegune väärtus, samm ja negatiivsete lubamise lipp — serialiseeritakse JSON-ina ja kirjutatakse iga muudatuse korral localStorage'i tagasi, nii et sinu loendused säilivad juhusliku vahekaardi sulgemise või värskendamise korral.
  2. 2
    Suurendamine/vähendamine React'i oleku kaudu
    + või suure keskmise nupu puudutamine kutsub uuendaja, mis lisab konfigureeritud sammuväärtuse loenduri praegusele väärtusele. Kui negatiivsete lubamine on välja lülitatud, piiratakse tulemus nulliga Math.max abil. Klaviatuuri otseteed (Tühik/+ suurendamiseks, -/Backspace vähendamiseks) on ühendatud akna keydown-kuulaja kaudu, mis suunatakse hetkel aktiivsele loendurile.
  3. 3
    Täisekraanirežiim koos Screen Wake Lockiga
    Täisekraanirežiimi sisenemine renderdab katte, kus kogu ekraan on puutesihtmärk. Samal ajal taotleb tööriist ärkveloleku lukku navigator.wakeLock.request('screen') kaudu — brauseri API, mis palub operatsioonisüsteemil vältida ekraani uinumist. Lukk taastatakse automaatselt, kui vahekaart taasnähtavaks muutub pärast tagaplaanile jäämist.
  4. 4
    Mitu loendurit koos kombineeritud summaga
    Teise loenduri lisamine tekitab uue kirje crypto.randomUUID()-ga genereeritud ID-ga. Kui olemas on rohkem kui üks loendur, arvutatakse kombineeritud summa kõikide väärtuste liitmisel ja kuvatakse loendurite loendi kohal. Igal loenduril on sõltumatud sammu-, lähtestamis- ja negatiivsete lubamise seaded.

Seotud tööriistad

Korduma kippuvad küsimused