Created
February 22, 2017 17:00
-
-
Save stramel/315ecb112b4671035dbbbcfd99a9cbdf to your computer and use it in GitHub Desktop.
PSK Fix for Polymer Undefined
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| @license | |
| Copyright (c) 2016 The Polymer Project Authors. All rights reserved. | |
| This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt | |
| The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | |
| The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt | |
| Code distributed by Google as part of the polymer project is also | |
| subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt | |
| --> | |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <base href="/"> | |
| <meta charset="utf-8"> | |
| <meta name="generator" content="Polymer Starter Kit"> | |
| <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"> | |
| <title>My App</title> | |
| <meta name="description" content="My App description"> | |
| <link rel="icon" href="/images/favicon.ico"> | |
| <!-- See https://goo.gl/OOhYW5 --> | |
| <link rel="manifest" href="/manifest.json"> | |
| <!-- Start loading of App --> | |
| <link rel="import" href="/src/my-app.html" async> | |
| <!-- See https://goo.gl/qRE0vM --> | |
| <meta name="theme-color" content="#3f51b5"> | |
| <!-- Add to homescreen for Chrome on Android. Fallback for manifest.json --> | |
| <meta name="mobile-web-app-capable" content="yes"> | |
| <meta name="application-name" content="My App"> | |
| <!-- Add to homescreen for Safari on iOS --> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> | |
| <meta name="apple-mobile-web-app-title" content="My App"> | |
| <!-- Homescreen icons --> | |
| <link rel="apple-touch-icon" href="/images/manifest/icon-48x48.png"> | |
| <link rel="apple-touch-icon" sizes="72x72" href="/images/manifest/icon-72x72.png"> | |
| <link rel="apple-touch-icon" sizes="96x96" href="/images/manifest/icon-96x96.png"> | |
| <link rel="apple-touch-icon" sizes="144x144" href="/images/manifest/icon-144x144.png"> | |
| <link rel="apple-touch-icon" sizes="192x192" href="/images/manifest/icon-192x192.png"> | |
| <!-- Tile icon for Windows 8 (144x144 + tile color) --> | |
| <meta name="msapplication-TileImage" content="/images/manifest/icon-144x144.png"> | |
| <meta name="msapplication-TileColor" content="#3f51b5"> | |
| <meta name="msapplication-tap-highlight" content="no"> | |
| <style> | |
| body { | |
| margin: 0; | |
| font-family: 'Roboto', 'Noto', sans-serif; | |
| line-height: 1.5; | |
| min-height: 100vh; | |
| background-color: #eeeeee; | |
| } | |
| </style> | |
| </head> | |
| <body unresolved> | |
| <my-app></my-app> | |
| <script> | |
| (function () { | |
| if (window.Polymer) { | |
| return; | |
| } | |
| // Setup Polymer options | |
| window.Polymer = { | |
| dom: 'shadow', | |
| lazyRegister: true | |
| }; | |
| /** | |
| * Handles the initial loading of imports. | |
| */ | |
| function onload() { | |
| // For native Imports, manually fire WebComponentsReady so user code | |
| // can use the same code path for native and polyfill'd imports. | |
| if (!window.HTMLImports) { | |
| document.dispatchEvent( | |
| new CustomEvent('WebComponentsReady', { | |
| bubbles: true | |
| }) | |
| ); | |
| } | |
| } | |
| if ('registerElement' in document && | |
| 'import' in document.createElement('link') && | |
| 'content' in document.createElement('template')) { | |
| // Platform is good | |
| onload(); | |
| } else { | |
| // Load webcomponentsjs polyfill if browser does not support native Web Components | |
| const script = document.createElement('script'); | |
| script.async = true; | |
| script.src = '/bower_components/webcomponentsjs/webcomponents-lite.min.js'; | |
| script.onload = onload; | |
| document.head.appendChild(script); | |
| } | |
| // Load pre-caching Service Worker | |
| if ('serviceWorker' in navigator) { | |
| window.addEventListener('load', function () { | |
| navigator.serviceWorker.register('/service-worker.js'); | |
| }); | |
| } | |
| })(); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment