Webページを読んでいるときの遊び、
「このページ、背景色をちょっと変えてみよう」
JavaScriptを使うと、
今見ているページの背景色をランダムに変更できます。
しかもインストールは不要。
ブラウザのお気に入りに仕込むだけです。
クリックするたびに、背景色が変わります。
仕組み：ブックマークレット（Bookmarklet）
ブックマークのURL欄に javascript: ... を入れておくと、
そのブックマークをクリックした瞬間に JavaScript が実行されます。
次の JavaScript を使います。長いですが 1行で書かれた JavaScript です。
JavaScript：
javascript:(()=>{document.body.style.backgroundColor='#'+Math.floor(Math.random()*16777215).toString(16)})();
手順：
① どんなページでもいいので、いったんお気に入りに登録する。
② 登録したお気に入りを右クリックして、「編集」をクリック。
③ 先ほど紹介した JavaScript をコピーする。
④ 名前を「背景色チェンジャー」にして、URL欄に JavaScript を貼り付ける。
これで完成です。
たとえば、、天気情報サイトのページを開いた状態でお気に入りをクリックすると…
押すたびに背景色が変わります！
景色がランダムに変わります。
クリックするたびに色が変わるので、
ちょっとした遊びにもなります。
コメントを残す