Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Save current page state javascript

Is it possible to save the current state of a webpage so you can later restore it to that state?

Through "state" I mean everything that defines the current behavior of the page: html tags, css, JavaScript variables, form data, etc...

So you could simply have something like: savePage() which stores all the needed data in localhost and then use loadPage() to retrieve that data.

I guess the html, css and inputs value are easy to save, but what about all the JavaScript variables on that page? Is it possible to save all the JavaScript variables held in the memory? (probably in a JSON object).

like image 399
XCS Avatar asked Nov 02 '22 15:11

XCS


1 Answers

Essentially what you want is to resuse something when user comes back,so here is my answer.

well its certainly possible.You can traverse the dom and put your stuff in to localstorage.

LocalStorage supports only string.

Use localStorage if you want the data to persist beyond browser close and SessionStorage if i want the data to persist with in the browser close.

NOTE:IE7 + support for SessionStorage and LocalStorage

It has plenty of memory as compared to cookies(4kb with 15 to 20 cookies allowed per domain).

  • IE(10 mb)
  • Mozzilla(5 mb)
  • Chrome(2.5 mb)
like image 139
HIRA THAKUR Avatar answered Nov 08 '22 13:11

HIRA THAKUR