木曜日, 7月 09, 2009
[JavaScript]ブラウザに表示した内容を編集する方法
適当なホームページを表示させた後、ブラウザのアドレスバーに以下の内容を入力すると
表示している内容がブラウザ上で直接編集できるようになるらしい。
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
やってみるとなかなか凄くて面白いが・・・。
自分が使うことを想像すると、どんな時に使えるのか
直ぐには想像できないなぁ~。
いつからサーポートしていたのか調べてみた。
contentEditableは、IE5.5以降からサポートしているみたいだ。
Firefox3でもサポートされているみたいだ。
次のサイトにあるサンプルを動かしてみて、
どんな時に使うのかわかった気がする。
SCRAPBLOG : contenteditable 属性
かっこいい入力エリア(テキストエリアの代わり)の
WEBデザインにする時に使うのがベストだと感じた。
■参考サイト
WEBブラウザーに表示されている画面を直接編集する方法: sanonosa システム管理コラム集
表示している内容がブラウザ上で直接編集できるようになるらしい。
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
やってみるとなかなか凄くて面白いが・・・。
自分が使うことを想像すると、どんな時に使えるのか
直ぐには想像できないなぁ~。
いつからサーポートしていたのか調べてみた。
contentEditableは、IE5.5以降からサポートしているみたいだ。
Firefox3でもサポートされているみたいだ。
次のサイトにあるサンプルを動かしてみて、
どんな時に使うのかわかった気がする。
SCRAPBLOG : contenteditable 属性
かっこいい入力エリア(テキストエリアの代わり)の
WEBデザインにする時に使うのがベストだと感じた。
■参考サイト
WEBブラウザーに表示されている画面を直接編集する方法: sanonosa システム管理コラム集