JSFiddle - React, Tailwind, and code Playground

by ericbarnard

HTML

<button id="normalBtn">Normal Session Storage Set Item</button>
<button id="hackBtn">Set Item w/ Hack for Ipad</button>

JavaScript

function buildData(){
    var arr = [];

    for(var i=0;i<9999; i++){
        arr.push('a decently long string');   
    }
    return arr;
};

// stick some data in sessionStorage to make it partially full
window.sessionStorage.setItem('test', buildData());


$('#normalBtn').click(function(){
    var data = buildData();
    var key = new Date().getTime();
    
    try{
        window.sessionStorage.setItem( key, data );    
    }catch(e){
        alert(e);   
    }
});
    
$('#hackBtn').click(function(){
    var data = buildData();
    var key = new Date().getTime();
    
    try{
        window.sessionStorage.removeItem(key);
        window.sessionStorage.setItem( key, data );    
    }catch(e){
        alert(e);   
    }
});