mirror of
https://github.com/home-assistant/core.git
synced 2025-07-20 03:37:07 +00:00
Load WebComponent polyfill on header. (#9438)
* Load WebComponent polyfill on header. On Chrome 53, `document.registerElement` exists but `window.customElements` does not exist. Fix for Tencent X5 browser on Android(Chrome 53 based). * Move the block just before app panel loading. Remove async for new script block.
This commit is contained in:
parent
308152f48c
commit
e2866a1339
@ -92,6 +92,18 @@
|
|||||||
{% if not dev_mode %}
|
{% if not dev_mode %}
|
||||||
<script src='/static/custom-elements-es5-adapter.js'></script>
|
<script src='/static/custom-elements-es5-adapter.js'></script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
<script>
|
||||||
|
var webComponentsSupported = (
|
||||||
|
'customElements' in window &&
|
||||||
|
'import' in document.createElement('link') &&
|
||||||
|
'content' in document.createElement('template'));
|
||||||
|
if (!webComponentsSupported) {
|
||||||
|
var e = document.createElement('script');
|
||||||
|
e.onerror = initError;
|
||||||
|
e.src = '/static/webcomponents-lite.js';
|
||||||
|
document.head.appendChild(e);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
<link rel='import' href='{{ ui_url }}' onerror='initError()'>
|
<link rel='import' href='{{ ui_url }}' onerror='initError()'>
|
||||||
{% if panel_url -%}
|
{% if panel_url -%}
|
||||||
<link rel='import' href='{{ panel_url }}' onerror='initError()' async>
|
<link rel='import' href='{{ panel_url }}' onerror='initError()' async>
|
||||||
@ -100,19 +112,5 @@
|
|||||||
{% for extra_url in extra_urls -%}
|
{% for extra_url in extra_urls -%}
|
||||||
<link rel='import' href='{{ extra_url }}' async>
|
<link rel='import' href='{{ extra_url }}' async>
|
||||||
{% endfor -%}
|
{% endfor -%}
|
||||||
|
|
||||||
<script>
|
|
||||||
var webComponentsSupported = (
|
|
||||||
'registerElement' in document &&
|
|
||||||
'import' in document.createElement('link') &&
|
|
||||||
'content' in document.createElement('template'));
|
|
||||||
if (!webComponentsSupported) {
|
|
||||||
var e = document.createElement('script');
|
|
||||||
e.async = true;
|
|
||||||
e.onerror = initError;
|
|
||||||
e.src = '/static/webcomponents-lite.js';
|
|
||||||
document.head.appendChild(e);
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user