Wie füge ich ein icon in der Adressleiste für eine Chrome-Erweiterung?

Ich bin mir nicht sicher, wie es zu tun, und die Dokumentation scheint nicht zu machen, das ganz offensichtlich.

Ich versucht, einen background_page - und putting - chrome.pageAction.show(tab.id); drin, aber das scheint nicht zu funktionieren.

Möchte ich nicht verwenden, die browser_action Symbol, weil das Symbol spiegelt lediglich den status des plugins, aber es ist nicht eine Taste für irgendwelche Aktionen.

Wie füge ich die page_action das Symbol in der Adressleiste für jede Seite/tab zu allen Zeiten?

EDIT: das Hier ist mein manifest.json:

{
    "name": "My Very First Extension :D",
    "version": "0.0.1",
    "description": "Awesomeness",
    "background_page": "background.html",

    "page_action": {
        "default_icon": "icon.png"
    },

    "content_scripts": [{
        "matches": ["http://*/*", "https://*/*"],
        "js": ["mmm.js"]
    }]
}

Wo-Symbol.png ist ein 19x19 pixel, PNG-Grafik. Hier ist die background.html Quelle, wo ich versuche zu machen, die page_action-Symbol angezeigt wird für alle Registerkarten:

<!DOCTYPE html>
<html>
    <head>
        <script>
            chrome.pageAction.show(tab.id);
        </script>
    </head>
</html>

InformationsquelleAutor trusktr | 2011-12-04

14

Ich sehe zwei Probleme mit dem code.
1. Können Sie die Verwendung von inline-Skriptblöcke in der hintergrund-Seite -- js-code kann nur ausgeführt werden, aus der Sie ein verknüpftes Skript (etwa so: <script type="text/javascript" src="background.js"></script>). Dies ist aufgrund der Content Security Policy.
2. Wie bereits in Abrahams Antwort, da möchte man das Symbol für alle Seiten, die Sie verwenden sollten browser_action, nicht page_action. Nach Google pageAction Dokumentation Seite:
  
  Nicht verwenden, Seite Aktionen für features, die Sinn machen für die meisten Seiten.
  Verwenden Sie den browser, Aktionen statt.
  
  Icons für die Seite Aktionen erscheinen in der omnibar (Chrome in der Adressleiste), während Symbole für die browser-Aktionen erscheinen in der Symbolleiste auf die Schaltfläche neben der omnibar. Entweder kann verwendet werden, um zu reflektieren, den status des plugins und wie eine Aktion-Schaltfläche.
Lösungen

Um das Symbol angezeigt wird, müssen Sie rufen: chrome.pageAction.show(tabId). Allerdings können Sie nicht einfach rufen Sie diese aus einem content-script, da chrome.pageAction.show() übergeben werden müssen die tabId, und tabId abgerufen von chrome.tabs und chrome.tabs ist nicht zugänglich von der content-Skripte.

Hinzufügen einer browser-action-Schaltfläche und definieren Sie das Verhalten, wenn auf Sie geklickt haben, definieren Sie die browser_action element in Ihrem manifest.json-Datei ...
```
"browser_action": {
   "default_title": "action description",
   "default_icon": "icon.png"
}
```
... und legen Sie diesen code in Ihre hintergrund-Skript:
```
//Define behavior when browser action icon is clicked
chrome.browserAction.onClicked.addListener(function(tab) {
   //executed when the user clicks on the browser action icon
});
```
Oder, wenn Sie gehen wollen, gegen Konvention und verwenden Sie eine pageAction, können Sie das manifest.json-code aus Ihrer Frage und platzieren Sie die folgenden in Ihrem hintergrund-Skript:
```
//Show page action icon in omnibar.
function showPageAction( tabId, changeInfo, tab ) {
    chrome.pageAction.show(tabId);
};
//Call the above function when the url of a tab changes.
chrome.tabs.onUpdated.addListener(showPageAction);
```
Für die weitere Forschung, check-out der source-code von einigen Ihrer sample-Erweiterungen.
- Danke. Super Antwort!
InformationsquelleAutor Stephen M. Harris
3

Wenn Sie wollen ein content-script, um zu zeigen eine Seite funktionssymbol, er (der content-script) kann das nicht tun, aber er kann senden Sie eine Nachricht an die background.js es zu tun (background.js erlaubt ist zeige Seite action-icons)

Inhalt Skript (zB. foo.js):
```
   chrome.runtime.sendMessage({action: "showIcon"}, function(response) {});
```
background.js:
```
   //Received a message from content script
   chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {               
       if (request.action == "showIcon") {
          chrome.pageAction.show(sender.tab.id);
       }
   });
```
- Ich denke, die neue Antwort ist mehr Wert als 10 upvotes !
InformationsquelleAutor sports
0

Verwenden browser_action - Symbol. page_action und browser_action sind gleich und bieten die gleichen Funktionen, außer, dass page_actions aktiviert werden können, nur für bestimmte Seiten. Wenn Sie nicht möchten, dass die browser_action zu handeln, wie eine Schaltfläche als nicht haben Sie nichts tun.
- Ich kann nicht mal das Symbol zu zeigen, bis für die page_action auf eine beliebige Registerkarte, obwohl. Wie machst du es?
- chrome.pageAction.show(tab.id) ist Sie Weg, es zu tun. Sie zeigen uns mehr von deinem code zu Debuggen, dass eine weitere obwohl.
- Okay, ich habe aktualisiert mein Frage mit dem manifest.json und die background_page.
- tab.id ist nicht festgelegt, sodass Sie nicht wissen, was Reiter zu zeigen, die page_action
- Also, was ist der standard-Weg, um die page_action - Symbol erscheint für alle Seiten? (Wünschte, es war einfach wie browser_actions!)
- Es gibt keinen standardmäßigen oder einfachen Weg, weil page_action ist nicht darauf ausgelegt, auf allen Seiten. Das ist das, was browser_actionss sind für. Wenn Sie wirklich wollen, haben Sie, um eine Liste mit allen tabs und rufen chrome.pageAction.show(id) für jeden einzelnen tab.
- Hmmmm... Naja, es wäre schön, das zu haben page_actions spiegelt sich auf allen Seiten. Das ist besser als browser_action manchmal denn ein nutzlos-Taste, die nichts tut, Niederlagen der Zweck der "button". Es beeinträchtigt die Metaphern in der Benutzeroberfläche. Ich will einfach nur das Symbol sichtbar, wie ein page_action, damit die Leute wissen, dass das plugin aktiv ist, aber so denken Sie nicht anklicken, es wird sich etwas tun. Ich werde es herausfinden und posten Sie die Antwort.
- page_actions und browser_actions sind beide "Knöpfe". Der einzige Unterschied ist die eine ist bestimmten Seite und die andere ist browser global. browser_actions können ausgeblendet werden, indem Sie Benutzer, wenn Sie so wählen, dass möglicherweise die beste Wahl.
- Ich weiß, ich verstehe. Ich will noch meine page_action erscheinen bei aller Zeiten, weil es nicht look wie eine Schaltfläche. In älteren Versionen von chrome, die Fähigkeit zu haben, Seite Aktionen auf allen Seiten war ein standard-feature.
InformationsquelleAutor abraham

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Ich sehe zwei Probleme mit dem code.

Lösungen