ブラウザ：ブックマークにJavaScriptを仕込み、ページをモノクロにする！

ブラウザのブックマークは、URLだけでなく JavaScriptも登録できるのを知っていますか？これを使うと、クリックするだけで処理が動く「自分専用ボタン」が作れます。

今回は、今見ているページを一瞬でモノクロ表示にするボタンを作ってみます。

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

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

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

JavaScript：

javascript:(()=>{const id='__mono_bookmarklet__';let s=document.getElementById(id);if(s){s.remove();return;}s=document.createElement('style');s.id=id;s.textContent='html{filter:grayscale(1)!important;}img,video,canvas{filter:grayscale(1)!important;}';document.head.appendChild(s);})();

手順：

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

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

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

④ 名前を「タイトルとURLコピー」にして、URL欄に JavaScript を貼り付ける。

これで完成です。

好きなページを開いた状態でお気に入りをクリックすると、ページがモノクロになる。

もう一回クリックすると元に戻ります。