クリックベイト画像がひどいウェブサイト上のすべての画像をブロックして、テキストのみが表示されるようにしたいです。一時的に画像を表示したい場合に、このソリューションを簡単に無効/有効にできれば便利です。どうすればいいですか?
答え1
要約
次のルールの 1 つ (または両方) を広告ブロッカーのフィルターに追加するだけです。
example.com##img<img>すべての要素をブロックするexample.com$imageから提供されるすべての画像をブロックするexample.com
詳細については、注記セクションを確認してください。
チュートリアル
- 広告ブロッカーをインストールする（uBlock オリジン) をクリックし、そのアイコンをクリックします。
- 「マイフィルター」バーをクリックして、
example.com##imgおよび/またはを貼り付けますexample.com$image。
- 「変更を適用」をクリックします。
ブロックを一時的に無効にしたい場合は、最初の画像に示すように、プラグイン パネルの大きなオン/オフ ボタンをクリックします。
ノート
example.com##img指定された Web サイト上のすべての<img>DOM ノードをブロックします。画像がどこから提供されるかは関係ありません。タグ内にある場合はブロックされますが、を<img>使用するなど、異なる手法で表示される画像はブロックされません。background-image<div>example.com$imageexample.comどのサイトが画像を読み込もうとしても、そこから提供されるすべての画像をブロックします。多くのサイトは CDN を使用して画像を提供しているためexamplecdn.com、そこから提供される画像をブロックしexample.comてもほとんど効果はありません。そのため、あなたもブロックする必要があります。ただし、 を使用する他のサイトの画像もブロックされることexamplecdn.comに注意してください。examplecdn.com- 画像がキャッシュされているため、ブロックが発生しない場合があります。この場合、キャッシュを使用せずにハードリフレッシュを行うには、Ctrl+ Shift+を押す必要があります。R
- 場合によっては、画像には DOM ノード上に識別可能なクラス属性があります。開発ツールで少し調べると (右クリック -> 要素の検査)、ほとんどの画像をマークするクラスをリストし、クラス セレクターの方法でそれらをブロックできます。
example.com##.image-container - そこにはフィルタ構文に関する優れたチートシート。