it-swarm.com.ru

Google Chrome Добавочные номера на значке

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

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

Вот наглядный пример того, как это выглядит: enter image description here

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

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

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

Спасибо!

49
Doug Molineux

Вы можете установить значок в вашем браузере с помощью setBadgeText :

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"]
}

Теперь, когда вы перезагрузите расширение, вы увидите Word your в виде текста значка, потому что в этой небольшой области будут отображаться только четыре символа. Однако не является жестким и быстрым правилом, что текстовая строка будет усечена до четырех символов, просто отображается столько символов, сколько может поместиться в ней. Мне понадобилось пять символов, и мне повезло, что два из них были i, и они не занимают много места, и все пять символов были отображены. Если вы хотите попробовать, я пытался отобразить Nidhi.

23
Ishan