web-dev-qa-db-ja.com

Google Chromeアイコンの内線番号

Chrome拡張機能を試してみました。GoogleVoice拡張機能に似たものにしたいのですが、イベントを受け取ったときにアイコンの横にアイコンの横に青い小さな「1」が表示されます。 、これは完全に別のアイコンですか？次に、「setIcon」メソッドを使用するだけですか？このように

chrome.browserAction.setIcon({path:"icon.png"});

これがどのように見えるかの視覚的な例です： enter image description here

Gmail 1つは500まですべて行くようです！それぞれの番号にアイコンを付けることはできません。これを行うために作られたものを使用できるものはありますか？私はすでに自分のアイコンを持っています。ユニークなものを作成する必要がある場合は、10のようにして、「10+」アイコンを作成します。多くのイベントが発生する可能性のあるAPIに接続しています。

誰かがこの問題を抱えていましたか？彼らはどうやってそれを回避しましたか？

アドバイスや提案は役に立ちます！

ありがとう！

iconsgoogle-chrome-extension
53
Doug Molineux

setBadgeText を使用して、ブラウザアクションに badge を設定できます。

chrome.browserAction.setBadgeText({text: "10+"}); // We have 10+ unread items.

渡すテキストが4文字より長い場合、最初の4文字に切り捨てられることに注意してください。

78
Sebastian Paaske Tørholm

まず、いくつかのことを行う必要があります。 BadgeTextを表示するためのコードを配置する必要がある場所の背景ページが必要です。次に、バックグラウンドスクリプトファイルをmanifest.jsonファイルに登録する必要があります。

background.jsファイルまたはその他の* .jsファイルを作成する必要があります。次に、background.jsファイルに、このコードを記述する必要があります。

chrome.browserAction.setBadgeBackgroundColor({ color: [255, 0, 0, 255] });
chrome.browserAction.setBadgeText({text: 'your text'});

その後、拡張機能と同じフォルダに保存します。次にmanifest.jsonファイルを編集し、最後にこのコードを入力します

,
"background":
{
  "scripts":["background.js"]
}

拡張機能をリロードすると、単語yourがバッジテキストとして表示されます。これは、その小さな領域に4文字しか表示されないためです。ただし、テキスト文字列が4文字に切り捨てられるのは厳格な規則ではありません。テキストに収まるだけの数の文字が表示されるだけです。私は5文字が必要でしたが、そのうちの2つがiであり、スペースを取らず、5文字すべてが表示されて幸運でした。試してみたい場合は、Nidhiを表示しようとしていました。

24
Ishan