おずの魔法使い

< 新しい記事

新着記事一覧(全929件)

過去の記事 >

2005.05.31

ぶっくまーくれっとで楽しもう

(2)

テーマ：ＨＴＭＬを使って楽天で何ができるのか．(160)

カテゴリ：どーでもいー話

ちょびっとさっきのBookmarkletについて説明しておこうかな.

JavaScript:document.body.innerHTML=document.body.innerHTML.replace(/○▽/g,'□△'); focus();

○▽という文字列があったら□△に書き換えることになる. 上書きする感じ.
上書きと言っても別にサーバにあるものを書き換えるのではなくてブラウザで表示されているものを上書きする. サーバにあるものをいじっちゃったらそれはクラッキングでしょ:-p

例えばこのページを見ている時に以下の一行をコピー&ペーストでURL欄にぶちこむとどうなるか.

JavaScript:document.body.innerHTML=document.body.innerHTML.replace(/760/g,'900'); focus();

tableレイアウトのページが少し横に広がったはず. 横幅を760と決めうちしてるのを900に上書きしている.
馬鹿でかいディスプレイでのフルスクリーンを前提にしているサイトとかを見ている時なんかにこれを知っておくと結構便利だったりするのよ. たまにあるよね, このサイズで見ろとか言ってるサイト. そんな時には『知るかボケ, 上書きしちゃるぜ』とさっそうといじってしまおう.

こういうことが出来るってわかるとレイアウトとかこるのがばからしくなっちゃうよね:-p

じゃぁこれだとどうだろ?

JavaScript:document.body.innerHTML=document.body.innerHTML.replace(/おずの魔法使い/g,'うひょ～'); focus();

このサイトのタイトルが『おずの魔法使い』から『うひょ～』に変っている. いや『うひょ～』ってのには全く意味はないんだけど.

こんな感じで今見ているページを上書きすることが出来るのでこれを一つだけ覚えていても結構面白い.
さっきのは特別すごいことではなくてこの構文にあてはめただけなのね. どうせやるならもう少しスマートにやればよかったんだろうけど:-p

まぁなにはともあれこのブックマークレットって結構楽しいので是非色々遊んでみてほしい.

お気に入りの記事を「いいね！」で応援しよう