2015-11-11 3 views
0

Как создать простейшую возможную страницу html, в которой используются элементы полимерной бумаги?Простейшая возможная HTML-страница с полимерными бумажными элементами

Я хотел бы иметь один html-файл, который загружает все требуемые библиотеки из других источников (CDN). Пример:

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Polymer Test</title> 
    </head> 
    <body> 
    <paper-button>hello world paper button</paper-button> 
    </body> 
</html> 

Это, очевидно, не работает, потому что <paper-button> не известно браузеры. Итак, что мне нужно включить, чтобы он работал на всех текущих браузерах?

Возможно ли без загрузки каких-либо библиотек и размещение их на моем веб-сервере у моего html-файла?

ответ

7

Вы можете использовать Polygit с CDN как инструменты для полимеров

<!doctype html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Polymer Simple</title> 

    <base href="http://polygit.org/polymer+:master/components/"> 

    <script src="webcomponentsjs/webcomponents-lite.min.js"></script> 
    <link href="polymer/polymer.html" rel="import"> 
    <link rel="import" href="paper-button/paper-button.html"> 
    </head> 
    <body> 
    <paper-button raised> Hello World!</paper-button> 
    </body> 
</html> 

Вот codepen с polygit, вы можете раскошелиться Kit

Смежные вопросы