DOM Storage

Jan Odvarko, odvarko@gmail.com
  1. Open Firebug, enable the Console panel and select the DOM panel.
  2. Click on the Clear Storage button below.
  3. Refresh the page (or pick Refresh from DOM panel option menu).

  4. Verify following properties:
    globalStorage should display 0 items in Storage
    localStorage should display 0 items in Storage
    sessionStorage should display 0 items in Storage

  5. Switch to the Console panel and verify the log
    globalStorage 0 items in Storage
    localStorage 0 items in Storage
    sessionStorage 0 items in Storage

  6. Switch back to the DOM panel.
  7. Click on the Init Storage button below and refresh the page.

  8. Verify following properties:
    globalStorage should display 1 item in Storage test1="Hello1"
    localStorage should display 10 items in Storage item6="6", item3="3", more...
    sessionStorage should display 2 items in Storage issue="value1", name="item1"

  9. Switch to the Console panel and verify the log
    globalStorage: 1 item in Storage test1="Hello1"
    localStorage: 10 items in Storage item6="6", item3="3", item8="8", item0="0", item5="5", item2="2", item7="7", item4="4", item9="9", item1="1"
    sessionStorage: 2 items in Storage issue="value1", name="item1"