ブラウザ：ページ内の文字サイズをランダムにするブックマークレット

ページ内の文字サイズをランダム化するブックマークレット

ブラウザの「お気に入り」は
普通はページを開くためのものですが、

実は JavaScriptを登録すると小さなツールとして使うことができます。

こうした仕組みは ブックマークレット と呼ばれます。

今回は少し遊びネタとして、

ページ内の文字サイズをランダムに変えるブックマークレット

を紹介します。

クリックすると、
ページ内の文字が

• 大きくなったり
• 小さくなったり

して、文章がデコボコになります。

見慣れたページでも、
少しコミカルな見た目になります。

仕組み：ブックマークレット（Bookmarklet）

ブックマークのURL欄に javascript: ... を入れておくと、
そのブックマークをクリックした瞬間に JavaScript が実行されます。

次の JavaScript を使います。長いですが 1行で書かれた JavaScript です。

JavaScript：

javascript:(()=>{document.querySelectorAll("p,span,li,div,a").forEach(e=>{e.style.fontSize=(12+Math.random()*28)+"px"})})();

手順：

① どんなページでもいいので、いったんお気に入りに登録する。

② 登録したお気に入りを右クリックして、「編集」をクリック。

③ 先ほど紹介した JavaScript をコピーする。

④ 名前を「文字ランダム」にして、URL欄に JavaScript を貼り付ける。

これで完成です。

たとえば、、Yahooのページを開いた状態でお気に入りをクリックすると…

サイトの文字が大小ランダムになります！

なんだか、壊れただけですね（笑）役には立たなそう。