formの各項目のnameとvalueを画面上に表示する - monjudoh’s diary

どんなの？ ↓こんなの 前置き 人に説明するときの簡単な資料として使ったり、 印刷して横に置いて見ながらコード書いたりとか。 業務系システムの画面なんかだと項目がべらぼうに多いこともよくあるので、 普通のスクリーンショットに手でポチポチ書いていったり、 Excelに貼付けてhogehogeとかやると死ぬ人もいるだろうし、 とりあえず私は死ぬので楽にやりたい。 必要なもの Firefox Web Developer http://www.getfirebug.com/ jQueryを読み込ませるbookmarklet Google AJAX Libraries API版 (JavaScriptの動的ロードとか) - 文殊堂 やり方 ページを表示して、 Web DeveloperのForms->Display Form Detailsを選択 こんな感じでformの各要素の手前にタグを表示してく

[HHR]

便利だなぁ。何か応用できそう。。。

[raitu]

//Web DeveloperのForms->Display Form Detailsを選択/jQueryを読み込ませるbookmarkletで、jQueryを読み込んでやって/Firebug等のJavaScript consoleで以下のコードを実行する/

[topotaupe]

form:before{content:"name:"attr(name);}

[koko1000ban]

これは文書書くときにべんり