1. Introduction
The web platform provides an ever-expanding set of features and APIs, offering richer functionality, better developer ergonomics, and improved performance. However, a missing piece is the ability for the developer to selectively enable, disable, or modify the behavior of some of these browser features and APIs within their application:
- The developer may want to selectively disable access to certain browser features and APIs to "lock down" their application, as a security or performance precaution, to prevent own and third-party content executing within their application from introducing unwanted or unexpected behaviors within their application.
- The developer may want to selectively enable access to certain browser features and APIs which may be disabled by default - e.g. some features may be disabled by default in embedded context unless explicitly enabled; some features may be subject to other policy requirements.
- The developer may want to use the policy to assert a promise to a client or an embedder about the use—or lack of thereof—of certain features and APIs. For example, to enable certain types of "fast path" optimizations in the browser, or to assert a promise about conformance with some requirements set by other embedders - e.g. various social networks, search engines, and so on.
This specification defines a policy mechanism that addresses the above use cases.
This specification used to be named Feature Policy.
2. Examples
SecureCorp Inc. wants to disable use of Fullscreen and Geolocation APIs within their application. It can do so by delivering the following HTTP response header to define a permissions policy:
Permissions-Policy: fullscreen=(), geolocation=()
By specifying an empty origin list, the specified features will be disabled for all documents, including nested documents, regardless of their origin.
Geolocation is disabled by default in all cross-origin frames. FastCorp
Inc. has a specific cross-origin iframe on their site for which it wants to
enable geolocation. It can do so by including an "allow
"
attribute on the iframe element:
<iframe src="https://other.com/map" allow="geolocation"></iframe>
Iframe attributes can selectively enable features in certain frames, and not in others, even if those contain documents from the same origin.
SecureCorp Inc. wants to completely disable use of the Geolocation API
within all descendant navigables except for its own origin and
those whose origin is "https://example.com
", even in the
presence of an attacker who can embed their own iframes on SecureCorp’s
pages. It can do this by delivering the following HTTP response header to
define a restricted permissions policy for Geolocation:
Permissions-Policy: geolocation=(self "https://example.com")
The allowlist is a list of one or more origins, which can include
the application’s origin, optionally with the keyword "self
",
and any third-party origin.
With this policy in effect, it can then use the "allow
"
iframe attribute as usual to grant geolocation to certain frames, but only
those frames hosting content from http://example.com or SecureCorp itself
will actually be granted the ability to use that API.
SecureCorp Inc. restructured its domains and now needs to delegate
use of the Geolocation API to its origin ("https://example.com
")
as well as three subdomains ("https://geo.example.com
",
"https://geo2.example.com
", and "https://new.geo2.example.com
").
This needs to be accomplished while still disabling the use of the Geolocation API
within all other browsing contexts. It can do this by delivering the following HTTP response header:
Permissions-Policy: geolocation=(self "https://example.com" "https://geo.example.com" "https://geo2.example.com" "https://new.geo2.example.com")
This works, but if SecureCorp Inc. feels safe delegating to any subdomains on
"https://example.com
" the HTTP response header could instead be:
Permissions-Policy: geolocation=(self "https://example.com" "https://*.example.com")
Not only would the above header permit "https://geo.example.com
",
"https://geo2.example.com
", and "https://new.geo2.example.com
"
to use the Geolocation API, but any other subdomains of "https://example.com
"
could use it too. Note that "https://example.com
" is not covered by the
allowlist entry "https://*.example.com
" and must also be added.
SecureCorp Inc. restructured its services and now needs to needs to delegate
use of the Geolocation API to its origin ("https://example.com
")
as well as three non-default ports ("https://example.com:444
",
"https://example.com:445
", and "https://example.com:446
").
This needs to be accomplished while still disabling the use of the Geolocation API
within all other browsing contexts. It can do this by delivering the following HTTP response header:
Permissions-Policy: geolocation=(self "https://example.com" "https://example.com:444" "https://example.com:445" "https://example.com:446")
This works, but if SecureCorp Inc. feels safe delegating to any ports on
"https://example.com
" the HTTP response header could instead be:
Permissions-Policy: geolocation=(self "https://example.com:*")
Not only would the above header permit "https://example.com:444
",
"https://example.com:444
", and "https://example.com:445
"
to use the Geolocation API, but any other ports on "https://example.com
"
could use it too.
JSPlaygroundCorp Inc. wants to host user-generated web applications, but wants the browser to manage their permissions to use powerful features in isolation of each other. This can be accomplished by creating discrete subdomains for each piece of web-content or web-content creator, and navigating them as top-level documents (framework and user-content can still be separated using same-origin iframes).
This is necessary since users grant permissions to the domain they perceive they are interacting with in the browser, which is the top-level domain.
JSPlaygroundCorp should avoid iframing user-generated web applications using the
allow
attribute from its own domain in this case, as this would grant
its domain permissions to all of them.
PlatformCorp Inc. wants to offer a marketplace of embeddable third-party
components to build from or games to play under its top-level domain. It wants to
delegate the use of powerful features like the getUserMedia()
API responsibly. It accepts responsibility for tracking which of its component
applications need a feature, using bespoke "install" UX to keep end-users in
charge.
Camera and microphone are disabled by default in all cross-origin frames.
Each third-party component has a subdomain, and can be embedded in a
cross-origin iframe. PlatformCorp can use the allow
attribute on
the iframe
element to control whether to delegate camera or microphone
access or not to each subdomain.
An iframe where the component "app1" should have camera access, "app2" should have microphone access, and "app3" should have both might look like this:
<iframe allow="camera https://app1.site.com https://app3.site.com; microphone https://app2.site.com https://app3.site.com" src="https://doc1.site.com" sandbox="allow-same-origin allow-scripts"> </iframe>
Iframe attributes can selectively enable features in certain frames, and not in others, even if those contain documents from the same origin. The list of sandbox tokens might be longer in practice.
Since browsers generally ask users to grant permissions to the top-level domain, there might not be any additional permission prompt for the components to request camera or microphone access if the user already trusts PlatformCorp.
3. Other and related mechanisms
[HTML5] defines a sandbox
attribute for iframe
elements
that allows developers to reduce the risk of including potentially untrusted
content by imposing restrictions on content’s abilities - e.g. prevent it
from submitting forms, running scripts and plugins, and more. The
sandbox directive defined by [CSP2] extends this capability to any
resource, framed or not, to ask for the same set of restrictions - e.g. via an
HTTP response header (Content-Security-Policy: sandbox
). These
mechanisms enable the developer to:
- Set and customize a sandbox policy on any resource via CSP.
- Set and customize individual sandbox policies on each
iframe
element within their application.
However, there are several limitations to the above mechanism: the developer cannot automatically apply a policy across all contexts, which makes it hard or impossible to enforce consistently in some cases (e.g. due to third-party content injecting frames, which the developer does not control); there is no mechanism to selectively enable features that may be off by default; the sandbox mechanism automatically disables all sandbox features, and requires the developer to opt back in to each of them, so it is impossible to extend the set of sandbox features without significant compatibility risk.
Permissions Policy is intended to be used in combination with the sandbox mechanism (i.e. it does not duplicate feature controls already covered by sandbox), and provides an extensible mechanism that addresses the above limitations.
4. Framework
4.1. Policy-controlled Features
A policy-controlled feature is an API or behaviour which can be enabled or disabled in a document by referring to it in a permissions policy.
Policy-controlled features are identified by tokens, which are character strings used in policy directives.
Each policy-controlled feature has a default allowlist, which defines whether that feature is available in documents in top-level traversables, and how access to that feature is inherited in child navigables.
A user agent has a set of supported features, which is the set of features which it allows to be controlled through policies. User agents are not required to support every feature.
4.2. Policies
A declared policy is a struct with the following items:
- declarations
-
an ordered map from features to allowlists
- reporting configuration
-
an ordered map from features to strings
A permissions policy is a struct with the following items:
- inherited policy
-
an ordered map from features to "
Enabled
" or "Disabled
" - declared policy
An empty permissions policy is a permissions
policy that has an inherited policy which
contains "Enabled
" for every supported feature, a declared policy whose declarations and reporting configuration are
both empty ordered maps.
4.3. Inherited policies
The inherited policy for a feature feature is the value in the inherited policy whose key is feature. After a permissions policy has been initialized, its inherited policy will contain a value for each supported feature.
Upon both creation and navigation, Each Document
inherits a set of
policies from its parent frame, or in the case of the Document
in a
top-level traversable, from the defined defaults for each
policy-controlled feature. This inherited policy determines the
initial state ("Enabled
" or "Disabled
") of each
feature, and whether it can be controlled by a declared policy in the Document
.
In a Document
in a top-level traversable, the inherited
policy is based on defined defaults for each feature.
In a Document
in a child navigable, the inherited policy is based
on the parent document’s permissions policy, as well as the child navigable’s container policy.
4.4. Header policies
A header policy is a list of policy directives delivered via an HTTP header with a document. This forms the document’s permissions policy’s declared policy.
4.5. Container policies
In addition to the header policy, each child navigable has a container policy, which is a policy directive, which may be empty. The container policy can be set by attributes on the navigable container.
The container policy for a child navigable influences the inherited policy of any Document
loaded into
that navigable. (See § 9.7 Define an inherited policy for feature in container at origin).
iframe
allowfullscreen
, and
allow
attributes. Future revisions to this spec may introduce a
mechanism to explicitly declare the full container policy.
4.6. Policy directives
A policy directive is an ordered map, mapping policy-controlled features to corresponding allowlists of origins.
A policy directive is represented in HTTP headers as the serialization of an sf-dictionary structure, and in HTML attributes as its ASCII serialization.
4.7. Allowlists
A permissions policy allowlist is conceptually a set of origins. An allowlist may be either:
- The special value
*
, which represents every origin, or - A struct containing:
- expressions, which is an ordered set of permissions-source-expression
- self-origin, which is an origin or
null
- src-origin, which is an origin or
null
'self'
, 'src'
, and
'none'
can appear in the text representation of allowlists in
headers and attribute strings. These keywords are always interpreted in
context during parsing, and only the origins which they refer to are
stored in the allowlist. The keywords themselves are not part of the
allowlist.
To determine whether an allowlist matches an origin origin, run these steps:
-
If the allowlist is the special value
*
, then return true.
Note: We are not using the CSP variant of wildcard matching as it requires the HTTPS scheme.
-
If the allowlist’s self-origin is not null and it is same origin-domain with origin, then return true.
-
If the allowlist’s src-origin is not null and it is same origin-domain with origin, then return true.
-
If origin is an opaque origin, return false.
-
Let url be the result of calling the url parser on the serialization of origin.
-
For each permissions-source-expression item in the allowlist’s expressions:
-
If the result of running Does url match expression in origin with redirect count? on url, item, origin, and 0 is true then return true.
-
-
Return false.
4.8. Default Allowlists
Every policy-controlled feature has a default allowlist. The default
allowlist determines whether the feature is allowed in a Document
with
no declared policy in a top-level traversable, and also whether access to the feature is automatically
delegated to documents in child navigables.
The default allowlist for a feature is one of these values:
*
- The feature is allowed in
Document
s in top-level traversables by default, as well as those in all child navigables. It can be disallowed in child navigables by explicitly supplying a container policy on the navigable container that overrides this default (or in any navigable, by delivering theDocument
with a suitablePermissions-Policy
header). 'self'
- The feature is allowed in documents in
top-level traversables by default, as well as those in child navigables whose document is
same origin with its parent’s document, when allowed in that
Document
. It is disallowed by default in child navigables whose document is cross-origin with its parent’s document.
5. Permissions Policy Serialization
5.1. HTML attribute serialization
Policy Directives in HTML attributes are represented as their ASCII serialization, with the following ABNF:
serialized-permissions-policy = serialized-policy-directive *(";" serialized-policy-directive) serialized-policy-directive = feature-identifier RWS allow-list feature-identifier = 1*( ALPHA / DIGIT / "-") allow-list = allow-list-value *(RWS allow-list-value) allow-list-value = permissions-source-expression / "*" / "'self'" / "'src'" / "'none'" permissions-source-expression = scheme-source / host-source
'self'
" may be used as an origin in an
allowlist. When it is used in this way, it will refer to the
origin of the Document
which contains the permissions policy.
5.2. Structured header serialization
Policy Directives in HTTP headers are represented as Structured Fields. [RFC8941]In this representation, a policy directive is represented by a Dictionary.
Each Dictionary Member associates a feature with an allowlist. The Member Names must be Tokens. If a token does not name one of the user agent’s supported features, then the Dictionary Member will be ignored by the processing steps.
The Member Values represent allowlists, and must be one of:
-
a String containing the ASCII permissions-source-expression
-
the Token
*
-
the Token
self
-
an Inner List containing zero or more of the above items.
Member Values may have a Parameter named "report-to"
, whose value must be
a String. Any other parameters will be ignored.
Any other items inside of an Inner List will be ignored by the processing steps, and the Member Value will be processed as if they were not present. Member Values of any other form will cause the entire Dictionary Member to be ignored by the processing steps.
6. Delivery
6.1. `Permissions-Policy
` HTTP Header Field
The `Permissions-Policy
`
HTTP header field can be used in the response (server to client) to
communicate the permissions policy that should be enforced by the
client.
`Permissions-Policy
` is a structured
header. Its value must be a dictionary. It’s ABNF is:
PermissionsPolicy = sf-dictionary
The semantics of the dictionary are defined in § 5.2 Structured header serialization.
The processing steps are defined in § 9.2 Construct policy from dictionary and origin.
6.2. The allow
attribute of the iframe
element
iframe
elements have an allow
attribute, which contains an
ASCII-serialized policy
directive.
The allowlist for the features named in the attribute may be empty; in
that case, the default value for the allowlist is 'src'
, which
represents the origin of the URL in the iframe’s src
attribute.
When not empty, the allow
attribute will result in adding an
allowlist for each recognized feature to the iframe
element’s content navigable’s container policy, when it is
constructed.
6.3. Additional attributes to support legacy features
Some features controlled by
Permissions Policy have existing iframe attributes defined. This
specification redefines these attributes to influence the iframe
’s
content navigable’s container policy.
6.3.1. allowfullscreen
The allowfullscreen
iframe
attribute controls access to
requestFullscreen()
.
If the iframe element has an allow
attribute whose value
contains the token "fullscreen
", then the
allowfullscreen
attribute must have no effect.
Otherwise, the presence of an allowfullscreen
attribute
on an iframe
will result in adding an allowlist of *
for the "fullscreen
" feature to the iframe
element’s
content navigable’s container policy, when
it is constructed.
<iframe
allow="fullscreen">
, and is for compatibility with existing
uses of allowfullscreen
. If
allow="fullscreen"
and allowfullscreen
are
both present on an iframe element, then the more restrictive allowlist
of allow="fullscreen"
will be used.
7. Policy Introspection from Scripts
7.1. Overview
The current policy which is in effect in a document can be observed by scripts. This can be used to make decisions, for instance, about what user interface to display, in cases where it is not possible to determine otherwise whether a feature is enabled or not. (Some features may not have any observable failure mode, or may have unwanted side effects to feature detection.)
Documents and iframes both provide a PermissionsPolicy
object which can
be used to inspect the permissions policies which apply to them.
7.1.1. Document policies
To retreive the currently effective policy, use
document.permissionsPolicy
. This returns a PermissionsPolicy
object, which can be used to:
-
query the state (allowed or denied) in the current document for a given feature,
-
get a list of all available features (allowed or not) in the current document,
-
get a list of all allowed features in the current document, or
-
get the allowlist for a given feature in the current document.
<!doctype html> <script> const policy = document.permissionsPolicy; // This will be true if this document can use WebUSB. const can_use_usb = policy.allowsFeature('usb'); // True if a new frame at https://example.com will be allowed to use WebXR. if (policy.allowsFeature('xr-spatial-tracking', 'https://example.com')) { // Show UI to create frame at https://example.com. } else { // Show an alternative UI. } // Get the list of origins which are allowed to request payment. The result // will be a list of explicit origins, or the single element ['*'] if all // origins are allowed. const allowed_payment_origins = policy.getAllowlistForFeature('payment'); // Get the list of all features supported in this document (even those // which are not allowed). The result will be an array of strings, each // representing a feature. const all_features = policy.features(); if (all_features.includes('geolocation')) { // Append a child frame to a third-party map service. } </script>
7.1.2. Frame policies
It is also possible to inspect the policy on an iframe element, from the document which contains it. The policy object in this case represents the observable policy for the frame, which depends only on the current document and the attributes of the iframe element. It does not reveal whether a feature is actually currently allowed in the frame, as the document in the frame may have applied its own policy via an HTTP header, or may have navigated away from its initial location to a new origin. Revealing the effective policy in the iframe element’s nested navigable in that case could leak information about the behaviour of a cross-origin document.
<!doctype html> <iframe id="frame" allow="fullscreen; xr-spatial-tracking"></iframe> <script> const iframe_element = document.getElementById("frame"); const iframe_policy = iframe_element.permissionsPolicy; // True if the framed document will be allowed to use WebXR if (iframe_policy.allowsFeature('xr-spatial-tracking')) { // display virtual reality controls } </script>
The observable policy on an iframe element is independent of any actual content loaded into the frame (to avoid cross-origin information leakage,) or even whether it is in a document tree.
<!doctype html> <!-- this frame should not be allowed to use fullscreen when the document in its src attribute is loaded in it --> <iframe id="frame" allow="fullscreen https://example.com" src="https://example.net/" ></iframe> <script> const iframe_element = document.getElementById("frame"); const iframe_policy = iframe_element.permissionsPolicy; // This will be false, as the URL listed in the src attribute is not allowed // by policy to use fullscreen. const is_fullscreen_allowed_in_frame = iframe_policy.allowsFeature('fullscreen'); const new_frame = document.createElement('iframe'); new_frame.allow = 'sync-xhr'; // This will be true, as the iframe is allowed to use sync-xhr at whatever URL is // mentioned in its src attribute, even though that attribute is not yet set. const is_sync_xhr_allowed = new_frame.permissionsPolicy.allowsFeature('sync-xhr'); </script>
7.2. The permissionsPolicy object
[Exposed =Window ]interface {
PermissionsPolicy boolean (
allowsFeature DOMString ,
feature optional DOMString );
origin sequence <DOMString >();
features sequence <DOMString >();
allowedFeatures sequence <DOMString >(
getAllowlistForFeature DOMString ); };
feature partial interface Document { [SameObject ]readonly attribute PermissionsPolicy ; };
permissionsPolicy partial interface HTMLIFrameElement { [SameObject ]readonly attribute PermissionsPolicy ; };
permissionsPolicy
A PermissionsPolicy
object has an associated node, which
is a Node
. The associated node is set when the
PermissionsPolicy
object is created.
A PermissionsPolicy
object has a default origin, which is
an origin, whose value depends on the state of the
PermissionsPolicy
object’s associated node:
-
If the
PermissionsPolicy
object’s associated node is aDocument
, then its default origin is theDocument
’s origin. -
If the
PermissionsPolicy
object’s associated node is anElement
, then its default origin is theElement
’s declared origin.
Each Document
has a policy object, which is
a PermissionsPolicy
instance whose associated node is that
Document
.
A Document
’s permissionsPolicy
IDL attribute, on
getting, must return the Document
’s policy object.
Each iframe
element has a policy object,
which is a PermissionsPolicy
instance whose associated node is
that element.
An iframe
’s permissionsPolicy
IDL attribute, on
getting, must return the iframe
’s policy object.
The allowsFeature(feature, origin)
method must run the following
steps:
-
If origin is omitted, set origin to this
PermissionsPolicy
object’s default origin. -
Let policy be the observable policy for this
PermissionsPolicy
object’s associated node. -
If feature is allowed by policy for origin, return true.
-
Otherwise, return false.
The features()
method must run the following steps:
-
Set result to an empty ordered set.
-
For each supported feature feature:
-
Append feature to result.
-
-
return result
The allowedFeatures()
method must run the following steps:
-
Set result to an empty ordered set.
-
Let origin be this
PermissionsPolicy
object’s default origin. -
Let policy be the observable policy for this
PermissionsPolicy
object’s associated node. -
For each supported feature feature:
-
If feature is allowed by policy for origin, append feature to result.
-
-
return result
The getAllowlistForFeature(feature)
method must run the following
steps:
-
Set result to an empty list.
-
Let origin be this
PermissionsPolicy
object’s default origin. -
Let policy be the observable policy for this
PermissionsPolicy
object’s associated node. -
If feature is not allowed in policy for origin, return result
-
Let allowlist be policy’s declared policy[feature]'s declarations.
-
If allowlist is the special value
*
:-
Append "
*
" to result -
Return result.
-
-
If the allowlist’s self-origin is not null, append the serialization of it to result.
-
If the allowlist’s src-origin is not null, append the serialization of it to result.
-
Otherwise, for each permissions-source-expression item in allowlist’s expressions:
-
Append item to result
-
-
Return result.
The observable policy for any Node is a permissions policy, which contains the information about the policy in the navigable represented by that Node which is visible from the current document.
To get the observable policy for a Document document, return document’s permissions policy.
To get the observable policy for an Element node, run the following steps:
-
Let inherited policy be an empty ordered map.
-
For each supported feature feature:
-
Let isInherited be the result of running Define an inherited policy for feature in container at origin on feature, node and node’s declared origin.
-
Set inherited policy[feature] to isInherited.
-
-
Return a new permissions policy with inherited policy inherited policy, declared policy a struct with both declarations and reporting configuration new ordered maps.
To get the declared origin for an Element node, run the following steps:
-
If node’s node document’s sandboxed origin browsing context flag is set, then return a new opaque origin.
-
If node’s
sandbox
attribute is set, and does not contain theallow-same-origin
keyword, then return a new opaque origin. -
If node’s
srcdoc
attribute is set, then return node’s node document’s origin. -
If node’s
src
attribute is set:-
Let url be the result of parsing node’s src attribute, relative to node’s node document.
-
If url is not failure, return url’s origin.
-
-
Return node’s node document’s origin.
The declared origin concept is intended to represent the origin of
the document which the embedding page intends to load into a frame. This
means, for instance, that if the browser does not support the
sandbox
or srcdoc
attributes, it should not take
those attributes into account when computing the declared origin.
8. Reporting
Permissions policy violation reports indicate that some behavior of the Document has violated a permissions policy. It is up to the specification of each individual policy-controlled feature to define what it means to violate that policy, and how to determine when such a violation has occurred.
Permissions policy violation reports have the report type "permissions-policy-violation".
Permissions policy violation reports are visible to
ReportingObserver
s.
[Exposed =Window ]interface :
PermissionsPolicyViolationReportBody ReportBody { [Default ]object ();
toJSON readonly attribute DOMString ;
featureId readonly attribute DOMString ?;
sourceFile readonly attribute long ?;
lineNumber readonly attribute long ?;
columnNumber readonly attribute DOMString ;
disposition readonly attribute DOMString ?;
allowAttribute readonly attribute DOMString ?; };
srcAttribute
A permissions policy violation report’s body, represented in
JavaScript by PermissionsPolicyViolationReportBody
, contains the following
fields:
-
featureId: The string identifying the policy-controlled feature whose policy has been violated. This string can be used for grouping and counting related reports.
-
sourceFile: If known, the file where the violation occured, or null otherwise.
-
lineNumber: If known, the line number in sourceFile where the