☰

Show localStorage entries

Show localStorage entries for every web page you visit

  1. // ==UserScript==
  2. // @name           Show localStorage entries
  3. // @namespace      http://userscripts.org/users/75950
  4. // @description    Show localStorage entries for every web page you visit
  5. // @include        *
  6. // @match          http://*/*
  7. // @version        1.1.7
  8. // ==/UserScript==
  9.  
  10. window.addEventListener('load', function() {
  11.    var execute = true;
  12.    var myBlockedDomains = [];
  13.    if(GM_getValue("localStorageDomains")) {
  14.       myBlockedDomains = GM_getValue("localStorageDomains").split(",");
  15.       for(var j=0; j<myBlockedDomains.length; j++) {
  16.          if(window.location.hostname == myBlockedDomains[j]) execute = false;
  17.       }
  18.    }
  19.    if(execute) {
  20.       var newCSS = "div.notification {position: fixed; top:0; left:0; width: 100%; border-bottom:3px solid white; color: white; background-color: red; padding: 10px; font-family: Verdana, Arial, sans-serif; font-size: 1em; z-index:200000; text-align: left;} ";
  21.       newCSS += "input.notification {margin-left: 20px; font-size:0.7em;} ";
  22.       newCSS += "table.notification{font-size: 1em; width: 750px; background-color: white; color: black;} ";
  23.       newCSS += "table.notification th {color: white; background-color: black; font-weight: bold; padding: 5px;} ";
  24.       newCSS += "table.notification td {padding: 5px; color: black;} ";
  25.       newCSS += "h4.notification {font-size: 1em; font-weight: normal; color: white;} ";
  26.       GM_addStyle(newCSS);
  27.       if(localStorage.length >0) {
  28.          
  29.          var newNotification = document.createElement('div');
  30.          newNotification.className = "notification";
  31.          
  32.          var newClose = document.createElement('img');
  33.          newClose.src="http://mediacentre.steyr-traktoren.com/App_Themes/Dynamix/closeWhite.gif";
  34.          newClose.style.cssText = "float: right; margin-right: 20px;";
  35.          newNotification.appendChild(newClose);
  36.          
  37.          var newText = document.createTextNode("Something is stored in localStorage on this domain! Do you want to see it?");
  38.          newNotification.appendChild(newText);
  39.          
  40.          var newButton = document.createElement('input');
  41.          newButton.type = "button";
  42.          newButton.className = "notification";
  43.          newButton.value = "View localStorage for this domain";
  44.          newNotification.appendChild(newButton);
  45.          
  46.          var newButton2 = document.createElement('input');
  47.          newButton2.type = "button";
  48.          newButton2.className = "notification";
  49.          newButton2.value = "Never ask me again for this domain";
  50.          newNotification.appendChild(newButton2);
  51.          
  52.          document.body.appendChild(newNotification);
  53.          
  54.          newClose.addEventListener('click', function() {
  55.             newNotification.style.display = 'none';
  56.          }, false);
  57.          
  58.          newButton.addEventListener('click', function() {
  59.             newNotification.removeChild(newText);
  60.             newNotification.removeChild(newButton);
  61.             newNotification.removeChild(newButton2);
  62.             
  63.             var newHeading = document.createElement('h4');
  64.             newHeading.className = "notification";
  65.             var newHeadline = document.createTextNode('localStorage for ' + window.location.hostname);
  66.             newHeading.appendChild(newHeadline);
  67.             newNotification.appendChild(newHeading);
  68.             
  69.             var newTable = document.createElement('table');
  70.             newTable.className = "notification";
  71.             var newThead = document.createElement('thead');
  72.             var newTR = document.createElement('tr');
  73.             var newTH = document.createElement('th');
  74.             newHeadline = document.createTextNode('key');
  75.             newTH.appendChild(newHeadline);
  76.             newTR.appendChild(newTH);
  77.             newTH = document.createElement('th');
  78.             newHeadline = document.createTextNode('value');
  79.             newTH.appendChild(newHeadline);
  80.             newTR.appendChild(newTH);
  81.             newThead.appendChild(newTR);
  82.             newTable.appendChild(newThead);
  83.             
  84.             var newTbody = document.createElement('tbody');
  85.             for(var i=0; i<localStorage.length; i++) {
  86.                newTR = document.createElement('tr');
  87.  
  88.                var newTD = document.createElement('td');
  89.                newHeadline = document.createTextNode(localStorage.key(i));
  90.                newTD.appendChild(newHeadline);
  91.                newTR.appendChild(newTD);
  92.  
  93.                newTD = document.createElement('td');
  94.                newHeadline = document.createTextNode(localStorage.getItem(localStorage.key(i)));
  95.                newTD.appendChild(newHeadline);
  96.                newTR.appendChild(newTD);
  97.  
  98.                newTbody.appendChild(newTR);
  99.             }
  100.             
  101.             newTable.appendChild(newTbody);
  102.             newNotification.appendChild(newTable);
  103.          }, false);
  104.          
  105.          newButton2.addEventListener('click', function() {
  106.             myBlockedDomains.push(window.location.hostname);
  107.             GM_setValue("localStorageDomains", myBlockedDomains.join(","));
  108.             newNotification.style.display = 'none';
  109.          }, false);
  110.       }
  111.    }
  112. }, false);