【デスクトップ版】休止タブに関して

Umesando

だいぶ型遅れスペックのPCを使っており、開きっぱなしにするとメモリ・CPU使用率ともに圧迫するため頻繁にタブの休止をさせています。

Vivaldi 6.2.3105.48 (Stable channel) (64-bit)
変更履歴 1c6fcd98cf165864e5c4ba03424f8512b597f16b
OS Windows 10 Version 22H2 (Build 19045.3448)
JavaScript V8 11.6.189.20

何点か要望を出したい点がありますが、まずは既存の設定など運用の仕方でどうにかなるものや、カスタムCSS等で回避可能であればそのやり方をご教授頂きたく相談という形でスレッドを起こしました。

「いやいやそんな動作してないよ」という事例がありましたらそれも教えて欲しいです。新規のプロファイルでも同じ動作をするかどうかはまだ確認していません。

休止タブを含むセッションの再開
休止タブがある状態でVivaldiを終了し、起動してセッション再開したときは選ぶまでは休止状態で居て欲しいが全てロード動作をしてしまう。起動時だけは読み込まれるべきか、あくまでも休止を維持するべきか？
休止タブは暗くする
[設定]→[タブ]→[タブ表示]→[休止状態のときアイコンを暗くする]をチェックしてありますが、通常状態のタブとあんまり区別が出来ません（テーマのタブ背景色にもよるでしょうけど）
アイコンの不透明度としては半分以下に、出来ればタブタイトル文字も半分くらいに暗くなってほしい。
CSSとかで対応できそうですが、ブラウザ自身に適用するCSSはド素人です。
タイリング中のタブを休止と再開
タイリングしている中のタブを休止すると、休止タブをクリックしても再開動作をせず、一旦バックグラウンドの別タブに移ってから休止タブを選んで再表示するまで再開動作をしません。
逆に、休止にしてからバックグラウンドのタブに切り替えて、休止タブを含むタイリングの中の別のタブを選択すると休止していたタブが勝手に再開します。

ppgm

@Umesando
こんにちは！
知る範囲で共有します

休止タブを含むセッションの再開
画像矢印の項目をチェックすると全て休止状態で再開します。

ちなみに、画像下部のパネル欄にある「遅延読み込み」をチェックするとウェブパネルも休止状態で起動してくれるのでメモリをきにされるなら入れておいてもいいと思います。

休止タブは暗くする
たしかにもう少し薄くしてほしいですよね…
要望出されたらupvoteします
CSSで調整するならこんな感じでしょうか。

#tabs-container .tab.isdiscarded .tab-header {
    filter: grayscale(80%) opacity(0.5);
}

タイリング中のタブを休止と再開
これはうまく再現できません。もう少し厳密に再現手順書いてもらえれば試してみます。

Umesando

@ppgm ありがとうございます！
良いですね、早速使わせて頂きます。

ppgm

@Umesando 上のメッセージ、編集途中で送信してしまいました…

Umesando

@ppgm 重ね重ね、ありがとうございます。

遅延読込の設定はその通りにしてありました。恐らく、休止状態かどうかの判断が今まで出来ておらず現象を誤認していたように思います。
値をもう少し下げて暗めにしました。とても助かります。
再現手順は下記の通りです。

・A, B, C 3枚のタブが開かれてる状態にします。
・AとBを選択してタイリングします。
・Aにフォーカスがある状態でBを休止させます。
・Bタブはグレーになり休止状態になります。
・Bタブを選択してフォーカスを移します。
・Bタブが再開しません。

・A, B, C 3枚のタブが開かれてる状態にします。
・AとBを選択してタイリングします。
・Aにフォーカスがある状態でBを休止させます。
・Bタブはグレーになり休止状態になります。
・Cタブにフォーカスを移します。
・Aタブにフォーカスを移します。
・何故かＢタブが再開します。

お手数をお掛けしますがお試し下さい。

非表示の状態から表示に戻ると休止から再開する動作のようです。ずっと表示したままでは再開されず、非表示から表示に切り替わると選んでないのに再開しています。

※この動作が本スレッド1番を誤認した原因に含まれている気がします。休止してないタブがピン留めタブにあったため起動時に順次表示され、それをトリガにして休止していたものが勝手に再開したので「休止のままセッションが再開されてない！」と。

ppgm

@Umesando
再現手順ありがとうございます。
どちらも再現できました。

一つ目の方は、Bタブ休止後Bタブをアクティブにした状態でリロードボタンなど押しても反応がないのでバグっぽいですね。

二つ目の方はバグなのか仕様なのか謎ですね
例えば…A,B,CタブがありCタブがアクティブな状態でAとBをタイリング→A,Bともに休止状態にし、A,BのどちらかをアクティブなタブにするとA,B両方ともロードされます。これと似た現象に見えます。

いずれにせよタブはタイリングの可否によらず単独で制御されてる方が便利ですよね！
自分も休止機能すごい使うので不具合報告してもらえたら嬉しいです

Umesando

@ppgm ありがとうございます。

自分だけの環境で発生する症状ではなかったようで安心いたしました。

タブタイリングという概念が出てくる前までは休止＝非表示という大前提があったでしょうからイベントとしているタイミングが現状の仕様と少しずれているのかなと思いました。

後ほど3番を不具合として、2番を要望として上げたいと思います。

ご協力に感謝致します！

Umesando

3番(遠因として1番を含む)の不具合報告
https://forum.vivaldi.net/topic/90654/

2番の要望
https://forum.vivaldi.net/topic/90656/

として上げさせて頂きました。

HongKong3

@Umesando
おはようございます。

＞ 2. 休止タブは暗くする
ですが、見分けやすくする別アプローチとしてファビコンにバッジ（ちっちゃいアイコン）付けるというのはどうでしょうか。

ちょうどココのユーザーアイコンにも付いてるような、右上の小さい灰色の●ですね。

カスタムCSSだとこんな感じです...

#tabs-container .tab.isdiscarded .tab-header .favicon {
  position: relative;
  &::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    /* Change the following to Your liking */
    border-radius: 100%;
    width: 8px;
    height: 8px;
    right: -2px;
    top: -2px;
    background-color: #aaa;
    border: solid 1px #000;
  }
  .break-mode &::after {
    visibility: hidden;
  }
}

(気になるトコがあったんで少し修正しました)
とりあえずヤッツケで単純なものですが、CSS弄れば凝ったのも作れそうです

Umesando

@HongKong3
おはようございます。
バッジ付けも良いですね。

Firefox用・Chrome用の拡張として Auto Tab Discard というのがありますが、淡色になってバッヂが付いて解りやすいと思います。要望としてあげたスレッドにも追記しておきます。

紹介頂いたCSS、後ほど使わせて頂きます。

naporitan0sushi

@ppgm さん、こんにちはいつもお世話になっております。

#tabs-container .tab.isdiscarded .tab-header {
filter: grayscale(80%) opacity(0.5);
}

こ、このCSSいいですね…!!良ければ、僕のブログで記事として紹介してもよろしいでしょうか…？

僕自身はタブバーを非表示にして、ウィンドウパネルだけしか使っていないので、関係ないっちゃ関係ないんですが、薄くできるの、結構需要ありそう・・・!!と思った次第です。

この白熱した興味深いスレッドに横入りする感じで、皆さんすみません

ppgm

@naporitan0sushi
ドウゾー！

naporitan0sushi

@ppgm さん、返信ありがとうございます。

ドウゾー！

わーー！嬉しいです…！！！ありがとうございます…！

naporitan0sushi

@ppgm さん、こんにちは。

記事を書かせていただきました。ありがとうございます…!
【Vivaldi】休止タブをより分かりやすく薄くするCSS

いつかCSSではなく、設定に追加されて自由にスライダーで濃度とか調整できるようになったらいいですね