ブラウザ：ブックマークをオリジナルボタン化！～JavaScriptを使い、見ているWebページのリンクを無効にする

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

今回は、見ているWebページのリンクをすべて無効にするボタン（もう一度押すと有効に）を作ります。

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

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

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

JavaScript：

javascript:(()=>{let id="__bm_noclick__";let st=document.getElementById(id);if(st){st.remove();document.removeEventListener("click",window.__bm_noclick_h,true);window.__bm_noclick_h=null;let d=document.getElementById("__bm_noclick_toast__");d&&d.remove();return}st=document.createElement("style");st.id=id;st.textContent="a[href]{cursor:not-allowed!important;opacity:.55!important;text-decoration:line-through!important}";document.head.appendChild(st);let toast=t=>{let d=document.getElementById("__bm_noclick_toast__");if(d)d.remove();d=document.createElement('div');d.id="__bm_noclick_toast__";d.textContent=t;Object.assign(d.style,{position:"fixed",bottom:"30px",right:"30px",padding:"14px 16px",background:"rgba(0,0,0,.85)",color:"#fff",fontSize:"14px",borderRadius:"12px",boxShadow:"0 8px 20px rgba(0,0,0,.3)",zIndex:999999,opacity:0,transition:"opacity .4s"});document.body.appendChild(d);requestAnimationFrame(()=>d.style.opacity=1);setTimeout(()=>{d.style.opacity=0;setTimeout(()=>d.remove(),450)},1200)};let h=e=>{let a=e.target&&e.target.closest&&e.target.closest("a[href]");if(a){e.preventDefault();e.stopPropagation();toast("🔒 リンク無効化中（もう一度で解除）")}};window.__bm_noclick_h=h;document.addEventListener("click",h,true);toast("🔒 リンク無効化ON（もう一度で解除）")})();