browserAction

Adiciona um botão a barra de ferramentas do navegador.

Uma browser action é um botão na barra de ferramentas do navegador.

Você pode associar um popup junto ao botão. O popup é especificado usando HTML, CSS e JavaScript, apenas como uma página web normal. O JavaScript rodando no popup tem o mesmo acesso a API WebExtension completa, assim como seus scripts em backend, mas seu contexto global é o popup, não a página exibida no navegador atualmente. Para afetar páginas web você precisa comunicá-las via messages.

Se você especificar um popup ele está exibido — e o conteúdo será carregado — quando o usuário clicar no ícone. Você não especificar um popup, quando o usuário clicar no ícone um evento será disparado para sua extensão.

Você pode definir muitas ações de propriedades do navegador de modo declarativo usando a chave browser_action no arquivo manifest.json.

Com a API browserAction você pode:

  • Usar browserAction.onClicked para escutar por cliques no ícone.
  • Atribuir e obter as propriedades do ícone — icone, titulo, popup, e assim por diante. Você pode obter e atribui-los globalmente para todas as abas, ou para uma aba específica informando o ID como um argumento adicional.

Tipos

browserAction.ColorArray

Um array de quatro números inteiros entre 0-55 definido uma cor RGB.

browserAction.ImageDataType

Dados do pixel de uma imagem. Deve ser um objeto ImageData (por exemplo, de um elemento <canvas>).

Funções

browserAction.setTitle()

Atribui ação de título do navegador. Ele será exibido em um tooltip.

browserAction.getTitle()

Obtém a ação de título do navegador.

browserAction.setIcon()

Atribui a ação de ícone ao navegador.

browserAction.setPopup()

Atribui o documento HTML que será aberto como um popup quando o usuário clicar na ação de ícone do navegador.

browserAction.getPopup()

Obtém o documento HTML atribuido como uma ação de popup do navegador.

browserAction.openPopup()

Abre a ação popup do navegador.

browserAction.setBadgeText()

Atribui a ação do texto distintivo do navegador. O emblema é exibido acima do ícone.

browserAction.getBadgeText()

Obtém o texto do emblema do navegador.

browserAction.setBadgeBackgroundColor()

Atribui a cor de fundo do emblema.

browserAction.getBadgeBackgroundColor()

Obtém a cor de fundo do emblema.

browserAction.enable()

Habilita a ação do navegador para uma aba. Por padrão, ações são habilitadas para todas as abas.

browserAction.disable()

Desabilita a ação para uma aba do navegador, significando que ela não pode ser clicada quando aquela aba estiver ativa.

browserAction.isEnabled()

Verifica se a ação do navegador está ou não habilitada.

Eventos

browserAction.onClicked

Disparado quando uma ação do ícone do navegador é clicada. Este evento não será disparado quando a ação do navegador tiver um popup.

Compatibilidade com navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Firefox for Android
Safari on iOS
browserAction
ColorArray
ImageDataType
disable
enable
getBadgeBackgroundColor
details.windowId parameter
getBadgeText
details.windowId parameter
getBadgeTextColor
getPopup
details.windowId parameter
getTitle
details.windowId parameter
isEnabled
details.windowId parameter
onClicked
onClicked.OnClickData
onClicked.tab
openPopup
setBadgeBackgroundColor
details.windowId parameter
The color property of the details parameter can be set to null.
The color property of the details parameter can be set to a string.
setBadgeText
details.windowId parameter
The text property of the details parameter can be set to null.
setBadgeTextColor
setIcon
details.imageData parameter
details.windowId parameter
The path and imageData properties of the details parameter can be set to null.
setPopup
details.windowId parameter
The popup property of the details parameter can be set to null.
setTitle
details.windowId parameter
The title property of the details parameter can be set to null.

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support
See implementation notes.
User must explicitly enable this feature.
Has more compatibility info.

Example extensions

Nota: AgradecimentosEsta API é baseada na API chrome.browserAction do Chromium. Este documento é derivado do browser_action.json no código do Chromium.Os dados de compatibilidade do Microsoft Edge são fornecidos Microsoft Corporation e estão aqui inclusos sob a Creative Commons Attribution 3.0 United States License.