Полимер 2 и Кордова

Я пытаюсь создать гибридное приложение с использованием Polymer 2.0. Я использовал образец полимера-2-приложения и полимера-2-стартового набора, и он работал, когда тестировался в браузере Safari.

Браузер Safari

Но когда я запускаю его на симуляторе iOS, элемент Polymer не отображается.

введите описание изображения здесь

Вот мой образец index.html

<!DOCTYPE html>
<html>
    <head>
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <meta name="description" content="TestPolymer-2 description">

        <link rel="manifest" href="/manifest.json">

        <script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>

        <link rel="import" href="src/test-element/test-element.html">

        <title>Hello World</title>
    </head>
    <body>
        <div class="app">
            <test-element></test-element>
            <h1>Apache Cordova</h1>
            <div id="deviceready" class="blink">
                <p class="event listening">Connecting to Device</p>
                <p class="event received">Device is Ready</p>
            </div>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
    </body>
</html>


person marvz    schedule 08.06.2017    source источник
comment
имейте в виду, что Cordova использует не Safari, а UIWebView. Не ожидайте такой же функциональности при тестировании в Safari.   -  person Sarantis Tofas    schedule 14.06.2017
comment
Вы можете предоставить полный образец?   -  person jcesarmobile    schedule 15.06.2017
comment
@marvz я не эксперт в полимерах. Но вам не нужно иметь этот HTML-импорт для импорта библиотеки полимеров - ‹link rel=import href=../polymer/polymer-element.html› Проверьте эту ссылку - polymer-project.org/2.0/start/first-element/step-2   -  person Gandhi    schedule 15.06.2017
comment
@marvz есть новости по этому поводу?   -  person Gandhi    schedule 17.06.2017
comment
@jcesarmobile вот полный образец drive.google.com/open?id=0B9oPYAW5j_fDRy1sZW1YLWJXV00   -  person marvz    schedule 20.06.2017
comment
@akis мне нужны дополнительные шаги, чтобы это работало? Спасибо   -  person marvz    schedule 20.06.2017
comment
@Gandhi попробовал ваше предложение, но все равно не работает.   -  person marvz    schedule 20.06.2017
comment
@marvz У меня нет опыта в том, что вы ищете, но я просто хотел убедиться, что вы ищете в правильном направлении. Многие думают, что Кордова занимается сафари, но это не так, вы можете поискать дополнительную информацию.   -  person Sarantis Tofas    schedule 20.06.2017


Ответы (1)


Проблема в том, что импорт Polymer 2 HTML не работает на iOS ‹ 10.3. Чтобы это работало, вам нужен Polyfill.

См. диаграмму поддержки Polymer 2.

Кроме того, Polymer 2 использует ES6, который поддерживается только в iOS 10+, чтобы использовать его в iOS 9, вам необходимо скомпилируйте ваше приложение в ES5.

Но с iOS 10, имеющей 86%, я бы рекомендовал просто отказаться от iOS 9 и поддерживать только iOS 10 в вашем приложении.

person jcesarmobile    schedule 20.06.2017