ブラウザのブックマークは、URLだけでなく JavaScriptも登録できるのを知っていますか？これを使うと、クリックするだけで処理が動く「自分専用ボタン」が作れます。
今回は、見ているWebページの画像をぼかすボタン（ホバー時は画像は鮮明に！）を作ります。
仕組み：ブックマークレット（Bookmarklet）
ブックマークのURL欄に javascript: ... を入れておくと、
そのブックマークをクリックした瞬間に JavaScript が実行されます。
次の JavaScript を使います。長いですが 1行で書かれた JavaScript です。
JavaScript：
javascript:(()=>{let id="__bm_blur__";let s=document.getElementById(id);if(s){s.remove();return}s=document.createElement("style");s.id=id;s.textContent="img,video{filter:blur(8px)!important;transition:filter .2s}img:hover,video:hover{filter:none!important}";document.head.appendChild(s)})();
手順：
① どんなページでもいいので、いったんお気に入りに登録する。
② 登録したお気に入りを右クリックして、「編集」をクリック。
③ 先ほど紹介した JavaScript をコピーする。
④ 名前を「画像フィルター」にして、URL欄に JavaScript を貼り付ける。
これで完成です。
たとえば、、Yahoo！Japanで、「二月」の画像を検索したページを開いた状態でお気に入りをクリックすると…
画像をぼかすことができます！
ポイント
・ホバーすると鮮明に！
・もう一度押せは、画像は元に戻ります。
コメントを残す