ハングアウトで背景を削除するにはどうすればよいですか?


16

https://hangouts.google.com/は、デフォルトで画像を背景として配置します。それを削除する方法、すなわち単色の背景を残す?

写真付き:

ここに画像の説明を入力してください

写真なし:

ここに画像の説明を入力してください


1
そのようなリクエストの動機を知りたい人は、ハングアウトでコンピューターのクロールが遅くなるので、不必要な肥大化を可能な限り減らしたいと思っています。
-palswim

@palswim同じここ
フランクデルノンクール

回答:


10

短い答え

カスタムCSSマネージャーを使用して、以下のコードをhttps://hangouts.google.com/に適用します

.kFx1Ae-xdwExf-eb-m {
    display:none;
}

説明

Googleハングアウトには、背景写真をオフにするオプションは含まれていません。代わりに、ブラウザ開発者ツールを使用して、ハングアウトページが読み込まれるたびにソースコードを編集するか、カスタムCSSスタイルを保存して適用するのに役立つカスタムcssマネージャーを使用します。

カスタムCSSは、「カスタムユーザースタイル」または単に「ユーザースタイル」とも呼ばれます。

過去数か月間、Stylish for Chromeを使用していましたが、他にも利用できます。

  • .kFx1Ae-xdwExf-eb-mクラス名でHTML要素を選択するセレクターです。でhttps://hangouts.google.com指定されたクラス名は、ハングアウトの背景の写真を呼び出すのimgタグを保持するために使用されるdivタグに使用されます。
  • display:none 指定された要素を非表示にするスタイル属性です。

参照資料


2
2018年12月の時点で、上記のパターンはうまくいきませんでした。最終的に「div.g-Qx-eb」を使用することに成功しました。
アランデス

9

@Rubénの答えは質問を考えれば正しいですが、マイナーなニットで少し改善したいと思います:

.kFx1Ae-xdwExf-eb-m, .Id-qy-By {
    display:none;
}

追加のクラス、Id-qy-Byは、次のようなGoogle+から取得した写真とともに表示される確認応答を対象としています。

アレックス・リグレーによる写真

Google+で共有

(上記の通知を含むサンプルスクリーンショット)

内部リポジトリから選択された写真(gstaticサーバー)は、そのような謝辞が含まれていない。

要するに: 写真ありません...クレジットはありません!;-)

PS:別の答えを提案する代わりにコメントしたいが、この記事を書いている時点では評判が十分ではなかった。

2017-01-03 更新:Stylish(Firefox 50.1.0の2.0.7)で使用されている完全なルールは、パフォーマンス改善するためのより厳密なフィルタリングを特徴としています:ドメイン(hangouts.google.com)および要素タイプ(div):

@-moz-document domain("hangouts.google.com") {
  div.kFx1Ae-xdwExf-eb-m, div.Id-qy-By {
    display:none;
  }
}

2017-11-08 更新:同様の手順がStylus(Firefox 56の1.1.4.2)で機能しますが、Stylishは(現在)レガシーとしてマークされています

  1. 新しいルールを作成する
  2. ではMozillaのフォーマット、押してインポートボタンを
  3. 上記のセクションからコードを貼り付けます
  4. ルールに名前を付けます(たとえば、ハングアウトは背景要素を非表示にします

2018-11-05 更新:ハングアウトバックエンドアップグレードに気づいた後、CSSクラスが更新されました(一部のインフラストラクチャが変更されたため、写真自体の以前のルールが破られました)。

@-moz-document domain("hangouts.google.com") {
  div.g-Qx-eb, div.Id-qy-By {
    display:none;
  }
}


0

また、次の方法で背景を黒以外の色に変更できます。

.g-Ue-ad {
    background-color: hsla(151, 33%, 54%, 1) !important;
}

OK。そして、これも役立つと思いました。あなたが黒を愛していないなら。
ダン
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.