layout: default
type: guide
shortname: Docs
title: Global Polymer settings
subtitle: Developer guide
Document-level global Polymer settings can be set by creating a Polymer object on window before importing the Polymer library:
文档级别全局Polymer设置能够在导入Polymer库前被在window上创建一个Polymer对象来设置
<html>
<head>
<meta charset="utf-8">
<script src="components/webcomponentsjs/webcomponents-lite.js"></script>
<script>
window.Polymer = window.Polymer || {};
window.Polymer.dom = 'shadow';
</script>
<link rel="import" href="elements/my-app.html">
</head>
<body>
...
Note: The full version of webcomponents.js includes a stub version
of the Polymer function. Setting the value this way avoids overwriting the
stub.
{: .alert .alert-info }
Settings can also be switched on the URL query string:
http://myserver.com/test-app/index.html?dom=shadow
Available settings:
-
dom—options:-
shady. All local DOM is rendered using shady DOM, even where shadow DOM is supported (current default). -
shadow. Local DOM is rendered using shadow DOM where supported (this will be the default in the future).
-
