Quelles sont les différences entre l'action de la page et l'action du navigateur?

Question

J'ai fait un navigateur d'action, mais j'ai juste essayé de tester une page d'action. Le bouton est mis dans le même lieu, mais la page sur le bouton d'action ne peut pas être cliqué sur (l'icône est grisé). Je pensais que la page de l'action des boutons situés sur la barre d'adresse, pas dans la barre d'outils. Pourquoi est-il situé dans le même lieu?

Mon navigateur bouton d'action:

Ma page sur le bouton d'action:

Answer 1

Les deux Navigateur de l'Action et de la Page, les boutons d'Action sont situés à droite de la barre d'adresse", comme décrit dans l'Extension de la documentation de l'API. Les deux types de boutons ont beaucoup de similitudes. Pour l'utiliser dépend en grande partie sur si votre extension est conçue pour être utilisable, la plupart du temps, ou tout simplement sur un petit sous-ensemble de pages.

Navigateur les boutons d'Action sont destinés à être utilisés lors de votre extension peut être utilisée la plupart du temps, ou sur la plupart des pages. Ils vous permettent également de fournir certains visibles immédiatement le statut de l'information à l'utilisateur par le fait d'avoir un badge contenant un couple de/un peu de caractères sur l'icône et en changeant la couleur d'arrière-plan utilisée pour le badge.

La Page des boutons d'Action sont conçus pour une utilisation lors de votre extension est souvent/habituellement pas disponibles pour l'utilisation. Par exemple, si c'est uniquement utilisable sur quelques domaines ou des Url.

Navigateur d'action des boutons

Navigateur boutons d'action doit être utilisée lorsque le bouton est valable pour la plupart du temps, que ce soit sur la plupart des pages, liées ou non à la charge sur la page qui est affichée dans l'onglet actif. Par défaut, le navigateur, les boutons d'action sont activés sur tous les onglets/Url. Vous appelez browserAction.disable() pour désactiver le bouton dans chaque onglet où vous le souhaitez désactivé (ou plus généralement désactivée sur tous les onglets). Le navigateur bouton d'action ne change pas activé/désactivé de l'état lors de l'onglet affiche une URL différente.

Chrome est le navigateur le bouton d'action de la page dit (certains c'est moi qui souligne):

Utiliser le navigateur actions à mettre des icônes dans le principal de Google Chrome barre d'outils, à droite de la barre d'adresse. En plus de son icône, un navigateur d'action peut aussi avoir une info-bulle, un badgeet un popup.

• N' utiliser le navigateur actions pour les fonctionnalités qui font sens sur la plupart des pages.
• Ne pas utiliser le navigateur actions pour les fonctionnalités qui font sens pour seulement quelques pages. L'utilisation des actions de page à la place.
• N' utiliser grandes icônes colorées qui font le plus de 16 x 16-dip de l'espace. Navigateur icônes d'action devrait être un peu plus grand et plus lourd que la page d'icônes d'action.
• Ne pas tenter d'imiter Google Chrome monochromes de l'icône de menu. Qui ne fonctionne pas bien avec des thèmes, et de toute façon, les extensions doivent se démarquer un peu.
• N' utilisez la transparence alpha pour ajouter des bords doux pour votre icône. Parce que beaucoup de gens utiliser des thèmes, votre icône devrait faire joli sur une variété de couleurs d'arrière-plan.
• Ne pas s'animer en permanence votre icône. C'est juste ennuyeux.

Navigateur actions ont les Api suivantes:

• Types
  • ColorArray
  • ImageDataType¹
• Méthodes
  • désactiver − browserAction.disable(integer tabId)
  • activer − browserAction.enable(integer tabId)
  • getBadgeBackgroundColor − browserAction.getBadgeBackgroundColor(object details, function callback)
  • getBadgeText − browserAction.getBadgeText(object details, function callback)
  • getPopup¹ − browserAction.getPopup(object details, function callback)
  • getTitle¹ − browserAction.getTitle(object details, function callback)
  • setBadgeBackgroundColor − browserAction.setBadgeBackgroundColor(object details)
  • setBadgeText − browserAction.setBadgeText(object details)
  • setIcon¹ − browserAction.setIcon(object details, function callback)
  • setPopup¹ − browserAction.setPopup(object details)
  • setTitle¹ − browserAction.setTitle(object details)
• Les événements
  • onClicked¹

La Page action des boutons

La Page des boutons d'action doit être utilisée lorsque la capacité d'utilisation de votre extension du bouton dépend de l'URL affichée dans l'onglet actif et quand il n'est généralement pas disponibles à l'utilisation (uniquement utilisable sous certaines conditions, ou sur une Url). Par défaut, la page des boutons d'action sont désactivé/grisé ("caché") sur toutes les URLs. Vous appelez pageAction.show() d'activer le bouton pour chaque URL/onglet que vous voulez qu'il soit activé. La page sur le bouton d'action est automatiquement désactivé/masqué si l'onglet affiche une URL différente.

Google Chrome, la page sur le bouton d'action page dit (certains c'est moi qui souligne):

Utiliser l' chrome.pageAction API pour mettre des icônes dans le principal de Google Chrome barre d'outils, à droite de la barre d'adresse. Des actions de Page représentent des actions qui peuvent être prises sur la page en cours, mais qui ne sont pas applicables à toutes les pages. Des actions de Page apparaissent en grisé lorsqu'il est inactif.

Comme navigateur actions, des actions de page peut avoir une icône, une info-bulle, et la fenêtre; ils ne peuvent pas avoir des badges, cependant. En outre, des actions de page peut être grisé. Vous trouverez des informations sur les icônes, les info-bulles et les popups en lisant les informations sur le navigateur de l'action de l'INTERFACE utilisateur.

Vous faites une action de la page comparaître et d'être grisé à l'aide de la pageAction.montrer et pageAction.masquer les méthodes, respectivement. Par défaut, une page s'affiche en grisé. Lorsque vous le montrer, vous spécifiez l'onglet dans lequel l'icône devrait apparaître. L'icône reste visible jusqu'à la fermeture de l'onglet ou commence l'affichage d'une URL différente (parce que l'utilisateur clique sur un lien, par exemple).

• Utilisez la page actions pour les fonctionnalités qui font sens pour seulement quelques pages.
• Ne pas utiliser des actions de page pour les fonctionnalités qui font sens pour la plupart des pages. L'utilisation du navigateur actions à la place.
• Ne pas s'animer en permanence votre icône. C'est juste ennuyeux.

Page actions ont les Api suivantes:

• Types
  • ImageDataType¹
• Méthodes
  • getPopup¹ − pageAction.getPopup(object details, function callback)
  • getTitle¹ − pageAction.getTitle(object details, function callback)
  • cacher − chrome.pageAction.hide(integer tabId)
  • setIcon¹ − pageAction.setIcon(object details, function callback)
  • setPopup¹ − pageAction.setPopup(object details)
  • setTitle¹ − pageAction.setTitle(object details)
  • show − pageAction.show(integer tabId)
• Les événements
  • onClicked¹

---

^{1. Cette API est disponible pour les deux navigateur actions et des actions de page. Il fait la même chose sur les deux.}