最初 blur
このページの見た目のぼかしを外す
写真やパネル、背景が表示効果でぼやけている場合、開いているページからそのフィルタを外そうとします。
パソコンで下のボタンをブックマークバーにドラッグします。その後、対象のページを開いてブックマークを使ってください。
ぼかした要素を見せるスマートフォンをお使いですか? 下に別の使い方をまとめています。
仕組みと使いどころ
スマートフォンではどう使いますか?
コードをブックマークのアドレスとして保存する方法を試せます。まず下のコードをコピーしてください。
iPhone(Safari): 適当なページをブックマークし、そのブックマークを長押しして「編集」を選び、アドレスをコピーしたコードに置き換えます。
Android(Chrome): ページをブックマークします。ブックマーク一覧で横の三点メニューから「編集」を選び、アドレスをコピーしたコードに置き換えます。
変更したいページを開いて、そのブックマークを選びます。メニューから動かない場合は、アドレスバーにブックマーク名を入力し、表示された候補を選んでください。
動作はブラウザーやバージョンによって異なります。ページ側でこの方法がブロックされることもあります。
iPhoneでは「ショートカット」アプリも使えます
「ショートカット」アプリで「WebページでJavaScriptを実行」アクションを追加し、下のコードを貼り付けます。SafariのWebページ用に共有シートへの表示を有効にします。求められた場合は、ショートカットの設定でスクリプトの実行を許可してください。次にSafariで対象のページを開き、共有から作成したショートカットを選びます。
パソコンのコンソールではどう使いますか?
変更したいページを開きます。Chromeで Ctrl + Shift + J(Windows/Linux)または ⌘ + Option + J(Mac)を押し、下のコードをコンソールに貼り付けて Enter を押します。
効果は開いているページに適用されます。コンソールで実行する前にコードの内容を確認してください。ブラウザーが安全上の警告を表示する場合もあります。
ボタンが変えるのは、値に blur がある filter と backdrop-filter だけです。ログインせず、同意もせず、有料の中身も開きません。
どのようなぼかしを外せますか?
ページのなかには、背景やパネルや写真を見た目の効果としてぼかすものがあります。ボタンはその blur を探し、フィルタを外すよう求めます。
見るのは filter と backdrop-filter です。値に blur があればフィルタ全体を外すため、同じフィルタに含まれる白黒などの効果も消えることがあります。
ログインは開きません。有料の壁も外れません。許可のあとでしかサイトが送らないものも出ません。読み込みで中身が来ていなければ、見せるものはありません。
用途
ページ自身の見た目の効果向けです。HTML にすでにある文章の上のすりガラス、ぼかした背景、飾りとしての blur です。
クリックは、すでに描かれているものに効きます。そのあとでページが付けたぼかしには、もう一度クリックが要ります。
しないこと
パスワードは入れません。プランにも入らず、年齢も確認しません。ボタンを代わりに押しません。
読み込みでページの中核が来ていなければ、ぼかしを外してもその中核は生まれません。