Chromeを使用してウェブサイトのdivを永続的にブロックする方法は?


11

私が気に入っているウェブサイトは1つありますが、コメントセクションがあり、非常に迷惑です。Google Chromeで、ページ全体でコメントを永続的に保持するdivをブロックしたい。

一時的に削除する場合は、ChromeのWeb開発ツールを使用してノードを削除するだけです。しかし、永久に削除する方法は?

どうやってやるの?Adblockは役に立たず、善意もありません。試したとしても、コメントをざっと読んでしまい、精神的健康に良くありません。ヒント:非常に質の低いコメントのあるスポーツWebサイトです。

仮想の例は次のとおりです。

  • サイト:www.sportsrumours.com
  • ブロックするDIV: <div class="comments">All annoying comments go here</div>
  • DIVはwww.sportsrumours.comのすべてのページで同じです

回答:


24

この種のことのために、私は通常クロムのスタイリッシュなアドオンをお勧めします。

アドオンをインストールしたらサイトを参照し、次の場所に移動します。

スタイリッシュ(アイコン)>インストール済みスタイルの管理>新しいスタイルの書き込み。名前を付けて、「適用先」を選択します。コメントを削除するサイトのドメインを指定し、「ドメインのURL」を選択します。

次のようなコードを使用して、divを非表示にします。

.comments {display: none !important;}

保存すると、divが非表示になります。

編集:スタイリッシュがスタイラスになりました-https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmneからダウンロードできます


参考:Stylishのデータ収集慣行に続くスキャンダルの後、コードはフォークされ、クリーニングされ、「スタイラス」として再公開されました。喜ぶ!
ヴィンセントヴァンカルバーグ


10

Adblock Plusのchromeまたはfirefox拡張機能を使用できます。有効になっている場合、その拡張機能アイコンをクリックして、「ブロック要素」をクリックします。次に、ブロックするページ内の要素をクリックできます。

Adblock Plusは、検出されるたびにその要素をブロックします。


2
ダンノ、なぜこれがダウン投票されたのか。Adblockerは、非常に長い間、ブロック要素をサポートしています。したがって、Stylishでルールを作成できる場合、CSSセレクターをサポートしているため、Adblock PlusまたはuBlock Originを使用してブロックできます。
ダニエルB

1
いいね!長年AdBlock Plusを使用していましたが、そのすてきな機能に気付いたことはありませんでした。時々私はそれらの「
ダウ

うわー!素晴らしいヒント。ありがとうございました。Adblock Plusを使用すると、必要な要素を簡単に削除できます。
HomTom

受け入れられているソリューションよりもはるかに簡単
オーウェン

1

Stylebotクローム拡張機能を使用できます。インストール後、Webサイトにアクセスして、Stylebotを開き、矢印ツールを使用してを選択しDIVます。次に、を探してLayout and visibilityクリックしhideます。DIV消え、変更が保持されます。もちろん、いつでも元に戻すことができます。


1
Stylebotは私には機能しなかったようです。他のanwer作品でお勧めのスタイリッシュです。
ティムスワスト
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.