아이콘의 Google 크롬 확장 번호

Question

크롬 확장 프로그램을 실험 해본 결과 내 Google 보이스 확장 프로그램과 유사한 것을 만들어서 아이콘 옆에 파란색 "1"이 표시되도록하고 싶습니다. 이벤트, 전체적으로 별도의 아이콘입니까? 그런 다음 그들은 "setIcon"메서드를 사용하기 만합니까? 이

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

처럼 여기의 모양을 시각적 예는 다음과 같습니다

에서 Gmail 하나가 모두 최대 500 갈 것 같다! 그들은 각 숫자에 대한 아이콘을 가질 수 없습니까? 이 물건을 만들기 위해 내가 사용할 수있는 것이 있습니까? 이미 내 아이콘이 있습니다. 고유 한 아이콘을 만들어야 만 10처럼 만들 수 있고 "10+"아이콘을 가질 수 있습니다. 나는 많은 이벤트를 가질 수있는 API에 연결하고 있습니다.

누구에게이 문제가 있었습니까? 그들은 어떻게 그 주위를 돌아 다녔습니까?

어떤 조언이나 제안이 도움이 될 것입니다!

감사합니다.

Answer 1

당신은 setBadgeText와 브라우저 작업에 badge을 설정할 수 있습니다 당신이 전달하는 텍스트가 긴 4 자 이상을 경우, 그것은 처음 4 자로 잘립니다됩니다

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

참고.

Answer 2

먼저 몇 가지 작업을 수행해야합니다. BadgeText를 표시하기위한 코드를 넣어야하는 곳에 배경 페이지가 있어야합니다. 그리고 두 번째로 배경 스크립트 파일을 manifest.json 파일에 등록해야합니다.

background.js 파일이나 다른 * .js 파일을 만들어야합니다. 다음 background.js 파일에서이 코드를 작성해야합니다.

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

그런 다음 내선 번호와 동일한 폴더에 저장하십시오. 는 확장을 다시로드 할 때 네 개의 문자가 작은 영역에 표시됩니다 때문에 배지 텍스트로 단어 your를 볼 그런 다음 manifest.json 파일을 편집하고 이제 끝

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

에서이 코드를 입력합니다. 그러나 텍스트 문자열이 4 자로 잘 리게되는 것은 어렵지 않고 빠른 규칙이 아닙니다. 단지 많은 문자가 들어갈 수 있다는 것입니다. 나는 5자를 필요로했다. 그리고 나는 그들 중의 2 명이 i 이었던와 그들이 많은 공간을 투옥하지 않는다라고하는 행운이 있었다. 그리고 5 자 모두는 표시되었다. 시도하고 싶다면 Nidhi을 표시하려고했습니다.