Полимерные веб-компоненты и Mozilla Firefox в Windows с использованием веб-файлов

Я пытаюсь включить веб-компоненты Polymer для Firefox, чтобы я мог перемещаться по моей веб-странице Polymer в Firefox.

Я попробовал эти инструкции, но ничего не изменилось, и похоже, что Firefox полностью игнорирует мои компоненты.

https://www.designedbyaturtle.co.uk/2015/how-to-enable-web-components-in-firefox-shadow-dom/

Я также импортирую webcomponents.js полифилы в моем index.html,

Итак, я сделал следующее:

Я написал следующий веб-компонент test-firefox.html в каталоге elements:

<dom-module name="test-firefox">
  <template>
    <h2>Firefox says hi too!</h2>
  </template>
  <script>
    Polymer({
      is: 'test-firefox'
    });
  </script>
</dom-module>

а это мой index.html файл:

<!doctype html>
<html>
  <head>
      <link rel="import" href="webjars/polymer/1.6.1/polymer.html">
      <script src="webjars/webcomponentsjs/0.7.22/webcomponents.js"></script>
      <script src="webjars/webcomponentsjs/0.7.22/webcomponents-lite.min.js"></script>

      <link rel="import" href="elements/test-firefox.html">

  </head>
  <body>
    <h1>Hello Firefox!</h1>
    <test-firefox></test-firefox>
  </body>
</html>`

Как видите, вместо bower_componentsЯ использую соответствующий webjars (за Polymer, webcomponents.js, webcomponents-lite.min.js). Я добавил зависимости для тех, кто в моем pom.xml и они нормально установлены.

Так что то, что я заметил, происходит довольно странно:

  • Для Google Chrome все работает отлично.
  • Для Mozilla Firefox на Linux то же самое.
  • Для Mozilla Firefox на Win10 веб-компонент не отображается, как будто браузер полностью игнорирует его.

Есть идеи?

Источник

1 ответ

Можете ли вы переписать свой вопрос?

Вам не нужно ничего включать, чтобы веб-сайт работал в Firefox (конечно, вы можете посетить https://www.polymer-project.org/ и он работает для вас).

Если firefox "игнорирует" ваши компоненты, возможно, вам не хватает импорта для этих элементов.

Проверьте эту страницу https://www.polymer-project.org/1.0/docs/devguide/registering-elements и посмотрите, как <link rel="import" href="bower_components/polymer/polymer.html"> используется. Вы также должны импортировать свои собственные компоненты таким образом, чтобы они работали.

Источник
Другие вопросы по тегам