ブラウザ
 Computer >> コンピューター >  >> ソフトウェア >> ブラウザ

uBlock Origin を使用して Web ページから不要なコンテンツをブロックする方法

ブラウザの拡張機能を使用して、表示したくない Web ページの一部を削除できます。煩わしさ、気を散らすもの、無関係なコンテンツを取り除くことは、インターネットで情報を消費している間、集中力を維持し、効率を維持するための優れた方法です。

この機能をブラウザに追加する拡張機能は多数あります。多くの人がすでに持っている uBlock Origin に焦点を当てます。そうでない場合は、インストールすることを強くお勧めします。

uBlock Origin とは?

uBlock Origin は、すべての主要なブラウザーで利用できる無料のオープンソースの広告ブロッカーです。また、この記事で使用するカスタム要素を削除できる要素ピッカー ツールも含まれています。

CSS セレクターまたは XPath の知識があると、このチュートリアルを進めるのに役立ちますが、必須ではありません。 uBlock Origin は、技術的な知識がなくても要素を選択できるビジュアル ツールを提供します。それでも、通常は手動でセレクターを作成する方が信頼性が高くなります。

ブロック要素が役立つ理由

インターネットでは、私たちは常に情報を消費していますが、多くの場合、それは単に私たちに関係のない情報です.

特定の Web サイトに頻繁にアクセスする場合、必要のないことがわかっている情報を条件付きで選び出し、そもそもそれを消費しないようにすると、生産性が大幅に向上します。

  • アクティビティまたはソーシャル メディア フィードから特定の種類のイベントを削除する。
  • やりたくないことを要求するポップアップを削除する
  • YouTube またはソーシャル メディアで特定の作成者の投稿を削除する。
  • 気を散らす要素や動的な要素を取り除く

HTML 要素をフィルタリングする方法

要素をフィルタリングするには、ブラウザの上部にある uBlock Origin アイコンをクリックしてから、要素ピッカー (点眼アイコンが付いているもの) をクリックします。 (詳細)

uBlock Origin を使用して Web ページから不要なコンテンツをブロックする方法
uBlock Origin インターフェイス。ブラウザのツールバーのアイコンをクリックすると表示されます。

削除するコンテンツを選択することから始めることができます。選択が完璧でなくても、それは出発点にすぎません。

右下にボックスが表示されたら、[選択] ボタンとスライダーでビジュアル ツールを使用するか、手動でセレクターを指定できます。

赤く強調表示されているコンテンツは、[作成] ボタンを選択すると削除されるコンテンツです。これらの変更は、後でページを更新または再表示した後でも保持されます。これがどのように機能するか見てみましょう。

CSS セレクター

CSS セレクターを使用して、削除したいほとんどの要素を簡単に削除できます。これは、ページ上の静的コンテンツを削除するのに最適です。

uBlock Origin を使用して Web ページから不要なコンテンツをブロックする方法
すべてのリリース イベントとプッシュ イベントを GitHub アクティビティ フィードに表示されないようにします。 (##div.news div.release, div.news div.push )
uBlock Origin を使用して Web ページから不要なコンテンツをブロックする方法
バナーを削除して Slack をダウンロードします。 (##.p-client__banners )

XPath

通常、次の 2 つの理由のいずれかで XPath を使用する必要があります。

  • 要素の値をチェックする必要があります。
  • 子の属性に基づいて要素を選択する必要があります。

これは、動的またはユーザーが生成したコンテンツを削除するのに役立ちます。要素全体を削除したいのですが、要素自体ではなく、要素内の何かが条件に一致する場合に限ります。

uBlock Origin を使用して Web ページから不要なコンテンツをブロックする方法
DevilBro からすべてのプラグインを削除します。 (##:xpath(//a[./div/div/p/object/a = "DevilBro"]) )
uBlock Origin を使用して Web ページから不要なコンテンツをブロックする方法
DevilBro ですべてのプラグインを削除した後の様子

フィルターのトラブルシューティング

要素をフィルタリングするとき、セレクターはいつでも壊れる可能性があります。 Web サイトはさまざまな理由で変更されますが、ほとんどの場合、メンテナンスや更新が原因です。

ただし、それでやりたいことを思いとどまらせないでください。要素を削除するときは、このことを念頭に置く必要があるということです。

実際に削除したいものに対してセレクターをローカルに保つようにしてください。ただし、ページ上の他の要素を誤って選択しないように十分に厳密にしてください。

また、クライアント側の変更を好まず、HTML 属性値を任意に変更したり難読化したりすることでこれを妨害しようとする Web サイトも多数あります。

このような場合、CSS 属性セレクターを指定するか、XPath を使用して属性値を部分的に一致させるのが最善です。

uBlock Origin を使用して Web ページから不要なコンテンツをブロックする方法
属性セレクター (##div[class^="nowPlayingColumn"] )

フィルターを削除する方法

何かをブロックする必要がなくなった場合、または Web サイトが変更された場合は、新しいフィルターを作成する前に、設定に移動して古いフィルターを削除できます。

カスタム フィルターを削除するには:

<オール>
  • uBlock Origin の設定に移動します。
  • [マイ フィルター] タブを選択します。
  • 削除したいフィルターを含む行を削除します。
  • 上部の [変更を適用] をクリックします。
  • 表示していたページを更新してください。
  • その他の役立つブラウザ拡張機能

    Web サイト上の特定の種類のコンテンツを削除するために使用できる他の拡張機能もあります。

    検索エンジンの結果を強調表示または非表示にする

    検索エンジンの結果を強調表示または非表示にする (HOHSER) は、DuckDuckGo や Google を含むすべての主要な検索エンジンをサポートしています。

    ドメインのブラックリストは、検索エンジンで利用できるネイティブのユーザー設定であるべきだと思いますが、それが実現するまでは、この拡張機能を使用して、気に入らないドメインの下に結果を非表示にすることができます.

    • 再ホストされた、または疑わしいダウンロード リンクを含む Web サイト。
    • 偽のクーポン サイトなど、検索エンジンに最適化された迷惑メール
    • EU のユーザーをブロックする Web サイト。

    Cookie は気にしない

    I don't care about cookies を使用すると、ほとんどの Web サイトで Cookie の警告が表示されなくなります。これにより、自分で対処する必要がなくなります。

    拡張機能は Cookie メッセージを非表示にしようとし、必要な場合にのみ Cookie を受け入れます。

    望ましくない Cookie が保存されるのを防ぐために、uBlock Origin や Privacy Badger などの拡張機能と組み合わせてのみ使用することを強くお勧めします。

    または、この拡張機能のフィルター リストを uBlock Origin に追加することもできます。ただし、これは、Cookie メッセージと広告ブロック フィルターが結合されることを意味します。このアプローチでは、uBlock Origin を無効にした Web サイトは引き続き Cookie メッセージを表示します。

    カスタム フィルター リストを uBlock Origin に追加するには:

    <オール>
  • uBlock Origin の設定に移動します。
  • [フィルタ リスト] タブを選択します。
  • 一番下の「カスタム」セクションまでスクロールします。
  • [インポート...] を選択します。
  • https://www.i-dont-care-about-cookies.eu/abp/ を追加 .
  • ページの上部にある [変更を適用] を選択します。
  • 結論

    ロードするページからかなりの量のコンテンツをブロックする必要があると感じている状況ではないことを願っています.

    しかし、もしあなたがその必要性を感じているなら、これがあなたにとってインターネットのブラウジングが少しだけ耐えられるものになることを願っています.


    1. Web ブラウザから自動再生 GIF を無効にする方法

      アニメーション GIF は、静止画像に命を吹き込む最良の方法です。さまざまな画像形式 (JPEG、PNG) と比較して、メッセージや情報を簡単かつ適切に伝えることができます。それらは興味深く、面白く、自明であり、一度に無意味になる可能性があります.それらの最良の部分は、それらがどのように伝達され、使用されるかです。しかし、それらは時々混乱を招き、本当に迷惑になることがあります。個人的には、これらのアニメーションが許可なく自動再生されるのが好きではありません。また、帯域幅の負荷を消費し、ページの読み込みが遅くなります。しかし、幸いなことに、これらの自動再生 GIF は Web ブラウザーから停止

    2. サードパーティのアプリを使用せずに PDF からページを抽出する方法

      PDF を扱う場合、ほとんどのユーザーは、ページの抽出と編集を可能にするサードパーティ ツールを利用していることに気づきます。しかし、数回クリックするだけでシステム上でこの簡単なタスクを実行できるのに、なぜサードパーティのユーティリティをインストールする必要があるのでしょうか? ここでは、Windows および Mac でサードパーティ アプリケーションの支援を受けずに、PDF ファイルから 1 ページを保存する方法を説明します。 注: Windows プラットフォームでは、Chrome ブラウザを使用している可能性が高いため、Chrome ブラウザを使用しています。そうでない場合は、M