hiddenタグを表示編集可能にするbookmarklet

画面のhiddenを確認するには、HTMLをテキストエディタで開く必要がありましたが
このbookmarkletを使うと、表示編集ができるようになります。（確認IE6のみです）

javascript:(function(){var d=window.document;for(i=0;i<d.forms.length;i++){frm=d.forms[i];for(j=0;j<frm.all.length;j++){tag=frm.all[j];if(tag.type!=undefined&&tag.type=='hidden'){tag.outerHTML="<span>"+tag.name+"<input type='text' name='"+tag.name+"' value='"+tag.value+"'></span>";}}}})()

見やすくするとこうなります

javascript:(
    function()
    {
        var d = window.document;
        for( i=0; i < d.forms.length; i++ )
        {
            frm = d.forms[i];
            for( j = 0; j < frm.all.length; j++ )
            {
                tag = frm.all[j];
                if( tag.type != undefined && tag.type == 'hidden' )
                {
                    tag.outerHTML="<span>"+tag.name+"
                        <input type='text' name='"+tag.name+"' value='"+tag.value+"'></span>";
                }
            }
        }
    }
)()

見つかったhidden

<input type='hidden' name='foo' value='bar'> 

を

foo<input type='text' name='foo' value='bar'>

と置き換えています。

hiddenタグのvalueがtextに表示され、編集可能となります。

submit後サーバ側では変更後の値を取得することができます。