web-dev-qa-db-ja.com

Chromeを使用してWebサイトのdivを永久にブロックする方法は？

私が好きなウェブサイトが1つありますが、コメントセクションがあり、私をとても困らせます。 Google Chromeで、ページ間でコメントを永続的に保持するdivをブロックしたい。

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

どうやってやるの？私はAdblockが私を助けてくれないし、善意もしていないに違いない。やってみても、メンタルヘルスに良くないコメントをざっと流してしまいます。ヒント：コメントの質が非常に低いスポーツのウェブサイトです。

これが仮想の例です：

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

この種のことのために、私は通常、クロムに Stylish Addon をお勧めします。

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

スタイリッシュ（アイコン）>インストール済みスタイルの管理>新しいスタイルの作成。名前を付け、「適用先」を選択します。コメントを削除するサイトのドメインを指定し、[ドメインのURL]を選択します。

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

.comments {display: none !important;}

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

[〜＃〜] edit [〜＃〜]：スタイリッシュなスタイラスになりました-ここからダウンロードできます https：// chrome .google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

25
Fazer87

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

Adblock Plusは、その要素が見つかるたびにブロックします。

11
Andrew

Stylebot chrome extensionを使用できます。インストール後、Webサイトにアクセスし、Stylebotを開き、矢印ツールを使用してDIVを選択します。次に、ために Layout and visibilityをクリックし、hideをクリックします。 DIVが消え、変更は永続化されます。もちろん、いつでも元に戻すことができます。

1
drk.com.ar