Kas yra istorijos API?

Supratęs istorijos API

Istorijos API yra galinga funkcija, kuri leidžia interneto programoms sąveikauti su naršyklės istorijos steku. Tai leidžia kūrėjams keisti URL ir valdyti naršymą be pilno puslapio atnaujinimo, pagerinant naudotojo patirtį.

Istorijos API pagrindinės funkcijos

Istorijos API apima keletą pagrindinių metodų, kurie leidžia kūrėjams manipuliuoti naršyklės istorija:

• history.pushState(): Prideda naują įrašą į naršyklės istorijos steką.
• history.replaceState(): Modifikuoja esamą istorijos įrašą be naujo pridėjimo.
• history.back(): Naviguoja į ankstesnį įrašą naršyklės istorijos steko.
• history.forward(): Pajuda pirmyn į kitą įrašą naršyklės istorijos steko.
• history.go(): Įkrauna konkretų naršyklės istorijos įrašą, nurodytą pagal jo santykinią padėtį.

Naudoti pushState ir replaceState

pushState ir replaceState metodai ypač naudingi vieno puslapio programoms (SPAs). Šie metodai leidžia kūrėjams atnaujinti URL, rodomą naršyklės adreso juostoje ir istorijos steką, neaktyvuojant pilno puslapio atnaujinimo.

history.pushState({ page: 1 }, "", "page1.html");

Šiame pavyzdyje pushState prideda naują įrašą į istorijos steką, keičiant URL į page1.html.

Įvykių tvarkymas naudojant istorijos API

Norint tvarkyti naršymo įvykius, kuriuos sukelia istorijos API, kūrėjai gali klausytis popstate įvykio. Šis įvykis yra paleidžiamas kai aktyvus istorijos įrašas pasikeičia:

window.addEventListener('popstate', function(event) { console.log('URL pasikeitė:', document.location.href); });

Šis pavyzdys registruoja naują URL, kai naudotojas naršo naudojantis naršyklės atgal ar pirmyn mygtukais.

Istorijos API privalumai

Naudoti istorijos API suteikia kelis privalumus interneto programoms:

Sklandus naršymas

Atnaujindami URL be puslapio atnaujinimo, istorijos API leidžia sklandžius pereinamus ir patogesnę naudotojo patirtį.

Pagerinta SEO

Paieškos varikliai gali indeksuoti atnaujintus URL, pagerinant jūsų interneto programos turinio aptinkamumą.

Patobulinta naudotojo patirtis

N