https://let.hatelabo.jp/IwamotoTakashi/rss
Bookmarklets from IwamotoTakashi
-
https://let.hatelabo.jp/IwamotoTakashi/let/gYC-xfPflZfAJg
2012-05-30T13:35:47Z
web storage viewer
IwamotoTakashi
[Let] view web storage
<a href="javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2FIwamotoTakashi%2Flet%2FgYC-xfPflZfAJg.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B">view web storage</a><pre>/*
* @title view web storage
* @description web storage viewer
* @include http://*
* @license MIT License
* @require jquery
*/
var css = [
'body {',
' margin: 0;',
' padding: 0;',
'}',
'h1 {',
' font-size: 20px;',
' text-align: center;',
' padding: 10px;',
' margin: 0;',
'}',
'h2 {',
' font-size: 18px;',
' text-align: center;',
' padding: 10px;',
' background: #EEE;',
'}',
'table {',
' width: 100%;',
' border-collapse: collapse;',
' font-size: 14px;',
'}',
'td, th {',
' border: 1px solid #333;',
' padding: 5px;',
'}',
'th {',
' background: #e2e7ff;',
'}',
].join('');
var html = [
'<h1>storage確認ページ</h1>',
'<h2>sessionStorage</h2>',
'<table id="sessionStorage">',
' <col width="30%">',
' <col width="50%">',
' <col width="20%">',
' <tr>',
' <th>キー</th>',
' <th>値</th>',
' <th>削除</th>',
' </tr>',
'</table>',
'',
'<h2>localStorage</h2>',
'<table id="localStorage">',
' <col width="30%">',
' <col width="50%">',
' <col width="20%">',
' <tr>',
' <th>キー</th>',
' <th>値</th>',
' <th>削除</th>',
' </tr>',
'</table>'
].join('');
$('head').empty().append( $('<style>').text(css) );
$('body').empty().append( html );
["sessionStorage", "localStorage"].forEach(function(storageName) {
var storage = window[storageName];
var $table = $("#" + storageName);
var $rm = $("<button>").text("削除").click(function() {
var $tr = $(this).parents("tr");
if (window.confirm("削除しますか？")) {
var key = $tr.find("td:first").text();
storage.removeItem(key);
$tr.fadeOut();
}
});
var key,val;
for (var i = 0, len = storage.length; i < len; i++) {
key = storage.key(i);
val = storage[key];
$("<tr>")
.append( $("<td>").text(key) )
.append( $("<td>").text(val) )
.append( $("<td>").append($rm.clone(true)) )
.appendTo($table);
};
});
</pre>