ウェブ開発者向け – タブ通知

This post is also available in: English Français Deutsch Српски Português Български 简体中文

製品: デスクトップ版 Vivaldi のみ

タブの通知でウェブページが数値に関するステータスの概要をユーザーに示すことができます。例としては、新規の未読メッセージ、メールの数、ニュースの数、処理していないタスクや支払などの他、ショッピングカートに追加したアイテムの数などがあります。

タブの通知はタブバーやウェブパネルで、ドキュメントのファビコンの上に数字のバッジとして表示されます。

Vivaldi はドキュメントタイトルの先頭にある数値カウンターが「かっこ」で囲まれていて (U+0029 RIGHT PARENTHES and U+0028 LEFT PARENTHESIS)、また、スペースでタイトルの残りと区切られている (U+0020 SPACE) 場合を検知します。以下はその例です:

<title>(7) Webmail</title>

タブの通知はデフォルトで有効になっていますが、無効にすることができます。

ドキュメントのタイトルが変更されると、バッジは動的にアップデートされます。パフォーマンスが最適となるよう、document.title プロパティか、<title> 要素の innerText プロパティをアップデートしてください。<title> 要素を置き換えると、バッジの更新が遅れる可能性があります。

2 桁、あるいは、それ以上の数の場合、スペースの制約のため、数字のバッジの代わりに「+」サインのバッジとして表示される可能性があります。

数値カウンターはバッジが表示されるユーザーインターフェイスのドキュメントタイトルから削除されます。文字のシーケンス “(0) ” がタイトルから削除されますが、バッジは生成されません。

タブの通知はドキュメントタイトルのトップフレームのみで検知されます。

タブの通知の無効化

タイトルの前にゼロ幅スペース U+200B ZERO WIDTH SPACE 文字を付けて、ドキュメントでタブの通知を無効にすることができます。以下はその例です:

<title>&#x200b;​(1195) Step Counter</title>