Opera 10.50 (long, long ago) got us Web Storage and Web SQL Databases to play with. Tools > Advanced > Storage,
opera:webstorage and
opera:webdatabases are handy to check where's your data but there's no way to inspect it but to open the site and use a bookmarklet [1] or open dragonfly.
So I cooked up a bash script that lists Opera's Web Storage data, and which also opens the Web SQL Database data files directly in sqlite, if you have it available.
Get it at
ls-storage
$ ls-storage
Found 4 sites. Which to list? ENTER (all), q (quit)
0: file://localhost
1: http://blog.quplo.com
2: https://dragonfly.opera.com
3: http://videojs.com
0
Reading pstorage/00/11/00000000 of origin file://localhost
a: 1234
$ ls-storage -h
Usage: ls-storage [options]
By default lists all localStorage areas available and their contents.
Interactively prompts for which storage area to show
Options:
-h Show this help
-p path to profile folder
-l List only localStorage
-u List only UserJS storage
-d List Web Databases
Remarks:
The options l, u and d override each other.
When listing web databases, one must be forcefully choosen
and then sqlite will be executed with the proper data file.
[*] Title pun kindly borrowed from
Mongo DB is web scale
[1] Bookmarklet (works everywhere)
javascript:(function(){function _(){for(var i=0,m=arguments.length;i<m;i++)h.push(arguments[i]);}function htmlize(s){return s!=null?String(s).replace(/[<>&]/g,function(a){return htmlize.chars[a]}):String(s);};htmlize.chars={'<':'<','>':'>','&':'&','"':'"'};var h=['<style>table{border-collapse:collapse;}td{border:1px solid black;padding:4px}</style>'];_ ('<h1>Storage for ',location.protocol,location.host?'//':'',location.host,'</h1>');for(var i=0,ns=['localStorage','sessionStorage','preferences'],n,h,o;n=ns[i];i++){o=window[n]||(window.widget&&widget[n]);if(!o)continue;if(o.length){_ ('<h1>',n,'</h1><table><tr><th>Key</th><th>Value</th><th></th></tr>');for(var j=0,m=o.length,k,v;j<m;j++){k=o.key(j);v=o.getItem(k);_ ('<tr><td>',htmlize(k),'</td><td>',htmlize(v),'</td><td><button onclick="Storage.prototype.removeItem.call(opener.',n,',\'',htmlize(k),'\');var p=this.parentNode.parentNode;p.parentNode.removeChild(p);">Delete</button></td></tr>');}_ ('</table><p><button onclick="Storage.prototype.clear.call(opener.',n,');">Clear All?</button></p>');}else{_ ('<h1>',n,'</h1><p>No data</p>');}}var o=open('about:blank','storagedump','');o.document.write(h.join(''));if(document.domain!=location.hostname)o.document.domain=document.domain;})();
; Full code
(function(){
function _(){ for(var i = 0, m = arguments.length; i < m; i++) h.push(arguments[i]); }
function htmlize(s){ return s != null ? String(s).replace(/[<>&]/g,function(a){return htmlize.chars[a]}) : String(s); };
htmlize.chars = {'<':'<','>':'>','&':'&','"':'"'};
var h = ['<style>table{border-collapse:collapse;}td{border:1px solid black;padding:4px}</style>'];
_ ('<h1>Storage for ', location.protocol, location.host ? '//' : '', location.host, '</h1>');
for(var i = 0, ns = ['localStorage', 'sessionStorage', 'preferences'], n, h, o; n = ns[i]; i++)
{
o = window[n] || (window.widget && widget[n]);
if (!o) continue;
if (o.length)
{
_ ('<h1>', n, '</h1><table><tr><th>Key</th><th>Value</th><th></th></tr>');
for(var j = 0, m = o.length, k, v; j < m; j++)
{
k = o.key(j);
v = o.getItem(k);
_ ('<tr><td>', htmlize(k), '</td><td>', htmlize(v), '</td><td>[html:button onclick="Storage.prototype.removeItem.call(opener.', n,
', \'', htmlize(k), '\');var p=this.parentNode.parentNode;p.parentNode.removeChild(p);"]Delete</button></td></tr>');
}
_ ('</table><p><button onclick="Storage.prototype.clear.call(opener.', n, ');">Clear All ?</button></p>');
}
else
{
_ ('<h1>', n, '</h1><p>No data</p>');
}
}
var o = open('about:blank','storagedump','');
o.document.write(h.join(''));
if (document.domain != location.hostname)
o.document.domain = document.domain;
})();
My Opera
