Amazonで商品を見るセール会場へ

uBlock Originで要素の非表示を解除する方法

uBlock Originで必要なボタンだけが消えた場合は、サイト全体のブロックを止める前に、要素を隠すフィルターが原因かを確認します。

この記事は従来版のuBlock Origin(uBO)を対象に、サイト単位の無効化と要素非表示の例外を区別して説明します。

MV3版のuBlock Origin Lite(uBOL)は設定画面が異なるため、そちらを利用している場合は該当記事を参照してください。

公式資料の確認日は2026年10月5日です。

掲載画像とフィルター例は2022年12月の旧記事の記録であり、今回、拡張機能の導入やフィルター適用後の実機検証は行っていません。

目次

対応ブラウザーと旧Chrome版の案内

Chrome 139以降ではManifest V2拡張機能が動作しないため、従来版uBlock Originを現在のChromeへ導入する手順としては使えません。

Chrome Web Storeに残っていたManifest V2拡張機能も2026年8月31日に削除されています。

出典:Chrome公式のManifest V2終了スケジュール。

従来版uBOの現在の配布先は開発元のInstallationで確認でき、Firefox向けの案内もあります。

以下は旧記事が案内していたChrome版のリンクを履歴として残したもので、現在のインストール先ではありません。

uBlock Originでサイト単位の広告ブロックを無効化する方法

ブラウザツールバーにある拡張機能のアイコンをクリックします。

大きな電源アイコンをオフにすると、現在のサイトをTrusted sitesに追加してuBOのフィルタリングを無効化します。

この選択は次回の訪問にも保存されるため、一時的な切り分けに使った場合は電源アイコンをオンへ戻してページを再読み込みしてください。

出典:uBO公式の電源ボタンの説明。

ブラウザツールバーのアイコンから大きな電源アイコンを操作し、表示中のサイト全体で広告ブロックを無効化する手順。
旧記事掲載画像:2022年12月/現在の拡張機能での再現は未検証

uBlock Originで要素単位の広告ブロックを無効化する方法

ブラウザーの開発者ツールで非表示が見つかっても、それだけではuBOが原因とは断定できません。

uBO公式のDOM inspectorは、ロガー内の「</>」から、要素に作用する非表示フィルターを調べるための機能です。

公式手順は、対象フィルターを選択して例外を保存し、ページを再読み込みする流れですが、今回はその操作を実機で再検証していません。

画像やスクリプトの通信そのものが止まっている場合はロガーで対象ページを選び、ロガーを開いた後に再読み込みして通信とフィルターを確認します。

通信がブロックされている問題に、要素非表示の例外だけを追加しても解消しません。

以下は、旧記事でAmazonへのボタンが非表示になったときの記録です。

当時のフィルターやページ構造に依存する例なので、現在も同じルールで直るとは限りません。

誤って広告としてブロックされ、非表示になってしまったAmazonボタンの例。
旧記事掲載画像:2022年12月/現在の拡張機能での再現は未検証

非表示になっている要素の調べ方

旧記事ではChromeの開発者ツールで対象要素を調べていました。

旧画面では、a[href^="https://www.amazon.co.jp"]に一致するリンクが、CSSの非表示指定(display: none)の対象として示されています。

Chromeのデベロッパーツールを開き、対象の要素がスタイル指定によって非表示になっている状態を確認する画面。
旧記事掲載画像:2022年12月/現在の拡張機能での再現は未検証

旧記事のマイフィルター例と適用範囲

旧記事では、uBOのアイコンからダッシュボードを開いていました。

設定先は「マイフィルター」タブです。

当時は入力欄に例外を記述し、「変更を適用」で保存していました。

#@#は要素非表示フィルターの例外で、通信を許可するルールとは別です。

次の1行は旧記事の原文をそのまま残しています。

表示欄の言語名にかかわらず、これはJavaScriptとして実行するコードではなく、uBOのフィルター構文です。

#@#a[href^="https://www.amazon.co.jp"]

この例には先頭のサイト指定がないため、特定サイトだけに限定されない例外になります。

また、Amazonへのリンクすべてを必ず表示する命令ではなく、同じセレクターを持つ要素非表示フィルターを例外にするものです。

別のセレクターや親要素の非表示が原因なら、上の例を追加しても表示は戻りません。

実際に使う場合は、原因フィルターのセレクターと対象サイトを確認し、必要な範囲に限定した例外を検討してください。

構文の根拠:uBO公式のStatic filter syntaxと、同資料が参照する要素非表示の例外の説明。

uBlock Originのダッシュボード内にあるマイフィルター設定画面で、除外ルールを記述して変更を適用する手順。
旧記事掲載画像:2022年12月/現在の拡張機能での再現は未検証

上の設定画面も2022年12月の記録です。

旧記事では設定後にページを再読み込みしていました。

次の画像は、旧記事に掲載されていたボタン再表示後の例です。

ルールの設定後にウェブページを再読み込みし、消えていたAmazonボタンが正常に再表示された状態。
旧記事掲載画像:2022年12月/現在の拡張機能での再現は未検証

効かない場合と元に戻す確認

まず、使っている拡張機能がuBOかuBOLかと、「マイフィルター」が有効かを確認します。

uBOの公式My filtersヘルプでは、カスタムフィルターの有効化と構文エラーの表示が説明されています。

原因が特定できない場合は、例外を増やし続けず、対象ページ・ブラウザー・uBOのバージョン・原因フィルターを整理してください。

変更を試す前に既存のマイフィルターを控え、問題が出たら自分で追加した行だけを外して変更を適用し、ページを再読み込みします。

既存の設定を一括で消さず、サイト全体を一時無効化していた場合は電源アイコンも元へ戻します。

作業効率化に役立つその他のツールは、まとめ記事から確認できます。

軽量版であるuBlock Origin Liteの使い方は以下の記事で解説しています。

Chromeの設定や拡張機能の記事は、ほかにもあります。

まとめ

サイト全体を無効にする操作と、特定の要素非表示フィルターの例外は、影響範囲が異なります。

まず原因となるフィルターを確認し、旧記事の例をそのまま使わず、対象サイトと要素を確認してください。

現在のChromeでuBOLを使っている場合は、関連記事にあるLite版の設定を参照してください。

次に学ぶ・作業環境を選ぶ

学習を続けたい方や、作業環境を整えたい方は、目的に合うガイドをご覧ください。

仕事効率化のおすすめ書籍

仕事用PCの選び方

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次