Расширение номеров Google Chrome на значке

Я экспериментировал с расширением Chrome, и я хочу сделать его похожим на мой Google Voice Extension, где значок показывает немного синего "1" рядом с значком, когда я получаю событие, является ли это целой отдельной значок? а затем они просто используют метод setIcon? Как этот

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

Вот визуальный пример того, как он выглядит:

Кажется, что в gmail все до 500! У них не может быть значок для каждого номера, или они? Есть ли что-то, что я могу использовать для этого? У меня уже есть значок, если мне нужно сделать уникальный, я могу просто сделать 10, а затем добавить значок "10+". Я подключаю его к API, который может иметь много событий.

У кого-нибудь была эта проблема? Как они обошли его?

Любые советы или предложения помогут!

Спасибо!

Ответ 1

Вы можете установить badge в действии вашего браузера с помощью setBadgeText:

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

Обратите внимание, что если текст, который вы передаете, длиннее 4 символов, он будет усечен до первых 4 символов.

Ответ 2

Сначала вам нужно сделать несколько вещей. Вам нужно иметь справочную страницу, где вам нужно поместить код для показа BadgeText. И второй вам придется зарегистрировать фоновый файл script в файле 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 в качестве текста значка, потому что в этой небольшой области будет отображаться только четыре символа. Однако не является жестким и быстрым правилом, что текстовая строка будет усечена до четырех символов, это просто, что будет отображаться столько символов, сколько будет показано. Мне понадобилось пять персонажей, и мне повезло, что двое из них были i, и они не занимают много места, и все пять персонажей были отображены. Если вы хотите попробовать, я пытался отобразить Nidhi.