Ich versuche Polymer in einer Chrome-Erweiterung zu verwenden. Das übergeordnete Ziel besteht darin, die Stilkapselung so zu nutzen, dass meine Inhaltsskripte unabhängig vom CSS der besuchten Seite ausgeführt werden.

Beginnen Sie mit einem benutzerdefinierten Element in my-element.html

Ich benutze Vulcanize wie folgt:

vulcanize -o build.html my-element.html

Wenn ich so etwas in meinem Inhaltsskript versuche:

// content_script.js
$.get(chrome.extension.getURL('build.html'), function(data) {
  var html = document.createElement('div');
  html.innerHTML = data;
  document.body.appendChild(html);

  var custom = document.createElement('my-element');
  document.body.appendChild(custom);
});

build.html wird geladen, aber my-element funktioniert nicht. Es wird nur ein leeres Tag ohne meinen Shadow-DOM-Inhalt erstellt.

Ich sehe ein paar mögliche Probleme mit dem, was ich tue:

Ich lade das Polymer-Zeug in ein Div. Muss es direkt in den Körper geladen werden? Wenn ja, wie geht das?Ich gehe davon aus, dass das Laden von build.html mit Ajax in erster Linie funktioniert. Ist das eine falsche Annahme?