Я пытаюсь использовать Polymer в расширении Chrome. Общая цель - использовать инкапсуляцию стилей, чтобы мои скрипты содержимого работали изолированно от CSS посещаемой страницы.

Начиная с пользовательского элемента в my-element.html

Я использую Vulcanize так:

vulcanize -o build.html my-element.html

Если я попробую что-то подобное в моем скрипте контента:

// 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 загружается нормально, но my-element не работает. Он просто создает пустой тег без содержимого моего теневого DOM.

Я вижу пару потенциальных проблем с тем, что я делаю:

Я загружаю полимерные вещи в div. Это должно быть загружено непосредственно в тело? Если да, то как это сделать?Я предполагаю, что загрузка build.html с ajax будет работать в первую очередь. Это неверное предположение?