aktivieren/deaktivieren "content_scripts.css" in Chrome Extension

Question

Zum Beispiel:

... 
    "content_scripts": [ 
    { 
     "matches": ["*://*/*"], 
     "css": ["style.css"] 
    } 
    ] 
    ... 

Ich mag diese Sheet standardmäßig injizieren. Was ist wie gewohnt.

Ich möchte auch enable/disable, wenn der Benutzer, wenn der Benutzer clicks auf das Symbol in der Symbolleiste.

Jeder Zeiger wäre hilfreich. Vielen Dank!

Answer 1

Ich musste dies auch in einer meiner Erweiterungen implementieren. Ich habe eine Checkbox in meinem popup.html verwendet, um chrome.storage zu manipulieren, die speichern würde, ob der Status aktiviert oder deaktiviert war.

Das Inhaltsskript wurde zwar immer ausgeführt, aber zuerst chrome.storage überprüft, bevor Aktionen ausgeführt wurden. Fühlen Sie sich frei, auf meine Ablage here, besonders inject.js zu verweisen.

Dies ist nicht die einzige Möglichkeit, aber es war ziemlich einfach für mich zu implementieren. Beachten Sie, dass Sie localstorage nicht verwenden können, da das Inhaltsskript in einer separaten Umgebung vorhanden ist.