Showing source for: https://featurepolicy.info/
Duration: 0.30183s
Server: cloudflare
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Permissions-Policy & Feature-Policy Directive Reference</title>
<meta name="description" content="Reference for every Permissions-Policy and Feature-Policy directive: what each controls, example response headers, browser support, and how to apply it.">
<link rel="canonical" href="https://featurepolicy.info/">
<meta name="robots" content="index,follow,max-image-preview:large">
<meta name="author" content="Feature Policy Playground">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="Feature Policy Playground">
<meta property="og:title" content="Permissions-Policy & Feature-Policy Directive Reference">
<meta property="og:description" content="Reference for every Permissions-Policy and Feature-Policy directive: what each controls, example response headers, browser support, and how to apply it.">
<meta property="og:url" content="https://featurepolicy.info/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Permissions-Policy & Feature-Policy Directive Reference">
<meta name="twitter:description" content="Reference for every Permissions-Policy and Feature-Policy directive: what each controls, example response headers, browser support, and how to apply it.">
<link rel="stylesheet" href="bootstrap-4.2.1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"name": "Feature Policy Playground",
"url": "https://featurepolicy.info/"
},
{
"@type": "WebSite",
"name": "Feature Policy Playground",
"url": "https://featurepolicy.info/",
"description": "Reference for every Permissions-Policy and Feature-Policy directive: what each controls, example response headers, browser support, and how to apply it.",
"inLanguage": "en",
"publisher": {
"@type": "Organization",
"name": "Feature Policy Playground",
"url": "https://featurepolicy.info/"
}
},
{
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://featurepolicy.info/"
}
]
},
{
"@type": "ItemList",
"name": "Permissions-Policy and Feature-Policy directives",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "accelerometer",
"url": "https://featurepolicy.info/policies/accelerometer.html"
},
{
"@type": "ListItem",
"position": 2,
"name": "ambient-light-sensor",
"url": "https://featurepolicy.info/policies/ambient-light-sensor.html"
},
{
"@type": "ListItem",
"position": 3,
"name": "autoplay",
"url": "https://featurepolicy.info/policies/autoplay.html"
},
{
"@type": "ListItem",
"position": 4,
"name": "camera",
"url": "https://featurepolicy.info/policies/camera.html"
},
{
"@type": "ListItem",
"position": 5,
"name": "document-domain",
"url": "https://featurepolicy.info/policies/document-domain.html"
},
{
"@type": "ListItem",
"position": 6,
"name": "document-write",
"url": "https://featurepolicy.info/policies/document-write.html"
},
{
"@type": "ListItem",
"position": 7,
"name": "encrypted-media",
"url": "https://featurepolicy.info/policies/encrypted-media.html"
},
{
"@type": "ListItem",
"position": 8,
"name": "font-display-late-swap",
"url": "https://featurepolicy.info/policies/font-display-late-swap.html"
},
{
"@type": "ListItem",
"position": 9,
"name": "fullscreen",
"url": "https://featurepolicy.info/policies/fullscreen.html"
},
{
"@type": "ListItem",
"position": 10,
"name": "geolocation",
"url": "https://featurepolicy.info/policies/geolocation.html"
},
{
"@type": "ListItem",
"position": 11,
"name": "gyroscope",
"url": "https://featurepolicy.info/policies/gyroscope.html"
},
{
"@type": "ListItem",
"position": 12,
"name": "layout-animations",
"url": "https://featurepolicy.info/policies/layout-animations.html"
},
{
"@type": "ListItem",
"position": 13,
"name": "lazyload",
"url": "https://featurepolicy.info/policies/lazyload.html"
},
{
"@type": "ListItem",
"position": 14,
"name": "legacy-image-formats",
"url": "https://featurepolicy.info/policies/legacy-image-formats.html"
},
{
"@type": "ListItem",
"position": 15,
"name": "magnetometer",
"url": "https://featurepolicy.info/policies/magnetometer.html"
},
{
"@type": "ListItem",
"position": 16,
"name": "microphone",
"url": "https://featurepolicy.info/policies/microphone.html"
},
{
"@type": "ListItem",
"position": 17,
"name": "midi",
"url": "https://featurepolicy.info/policies/midi.html"
},
{
"@type": "ListItem",
"position": 18,
"name": "oversized-images",
"url": "https://featurepolicy.info/policies/oversized-images.html"
},
{
"@type": "ListItem",
"position": 19,
"name": "payment",
"url": "https://featurepolicy.info/policies/payment.html"
},
{
"@type": "ListItem",
"position": 20,
"name": "picture-in-picture",
"url": "https://featurepolicy.info/policies/picture-in-picture.html"
},
{
"@type": "ListItem",
"position": 21,
"name": "speaker",
"url": "https://featurepolicy.info/policies/speaker.html"
},
{
"@type": "ListItem",
"position": 22,
"name": "sync-script",
"url": "https://featurepolicy.info/policies/sync-script.html"
},
{
"@type": "ListItem",
"position": 23,
"name": "sync-xhr",
"url": "https://featurepolicy.info/policies/sync-xhr.html"
},
{
"@type": "ListItem",
"position": 24,
"name": "unoptimized-images",
"url": "https://featurepolicy.info/policies/unoptimized-images.html"
},
{
"@type": "ListItem",
"position": 25,
"name": "unsized-media",
"url": "https://featurepolicy.info/policies/unsized-media.html"
},
{
"@type": "ListItem",
"position": 26,
"name": "usb",
"url": "https://featurepolicy.info/policies/usb.html"
},
{
"@type": "ListItem",
"position": 27,
"name": "vertical-scroll",
"url": "https://featurepolicy.info/policies/vertical-scroll.html"
},
{
"@type": "ListItem",
"position": 28,
"name": "vr",
"url": "https://featurepolicy.info/policies/vr.html"
},
{
"@type": "ListItem",
"position": 29,
"name": "wake-lock",
"url": "https://featurepolicy.info/policies/wake-lock.html"
}
]
}
]
}
</script>
</head>
<body>
<div id="root">
<div>
<header>
<div class="container">
<h1><a href="">Feature policy playground</a></h1>
</div>
</header>
<div class="container">
<div>
<main class="about">
<div style="max-width:880px;margin:0 auto 1.5rem;padding:16px 20px;background:#f0f7ff;border-left:4px solid #4f46e5;border-radius:0 10px 10px 0;color:#1f2937;font-size:1.05rem;line-height:1.6"><strong style="color:#3730a3">Quick answer:</strong> Permissions-Policy (formerly Feature-Policy) is an HTTP response header that lets a site allow or block individual browser features and APIs, such as camera, geolocation, microphone, and fullscreen, in the page and its embedded frames. For example, Permissions-Policy: geolocation=(self) permits location only on your own origin, while geolocation=() disables it everywhere. Pick a directive below for details.</div>
<p>Feature Policy allows you to control which origins can use which features, both in the top-level
page and in embedded frames. Essentially, you write a policy, which is an allowed list of
origins for each feature. For every feature controlled by Feature Policy, the feature is only
enabled in the current document or frame if its origin matches the allowed list of origins.</p>
<p>For each policy-controlled feature, the browser maintains a list of origins for which the feature
is enabled, known as an allowlist. If you do not specify a policy for a feature, then a default
allowlist will be used. The default allowlist is specific to each feature.</p>
<p>Click a feature to start exploring.</p>
</main>
<div class="row">
<div class="col-12">
<table class="features-list">
<thead>
<tr>
<th>Policy</th>
<th>Support</th>
<th>Docs</th>
</tr>
</thead>
<tbody>
<tr>
<td><a class="policy-allowed"
href="policies/accelerometer.html">accelerometer</a>
</td>
<td>
<div class="browser requires-flag"><img
src="browser-logos/chrome.svg"
class="browser requires-flag" alt="chrome">69<i class="fas fa-flag"></i>
</div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/API/Accelerometer">Accelerometer</a><a
href="https://developer.mozilla.org/en-US/docs/Web/API/DeviceMotionEvent">DeviceMotion</a>
</td>
</tr>
<tr>
<td><a class=""
href="policies/ambient-light-sensor.html">ambient-light-sensor</a>
</td>
<td>
<div class="browser requires-flag"><img
src="browser-logos/chrome.svg"
class="browser requires-flag" alt="chrome">69<i class="fas fa-flag"></i>
</div>
</td>
<td class="links"></td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/autoplay.html">autoplay</a>
</td>
<td></td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/autoplay">Policy</a><a
href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/autoplay">Feature</a>
</td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/camera.html">camera</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">60</div>
<div class="browser requires-flag"><img
src="browser-logos/firefox.svg"
class="browser requires-flag" alt="firefox">65<i
class="fas fa-flag"></i></div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia">Feature</a>
</td>
</tr>
<tr>
<td><a class=""
href="policies/document-domain.html">document-domain</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">72</div>
<div class="browser requires-flag"><img
src="browser-logos/firefox.svg"
class="browser requires-flag" alt="firefox">65<i
class="fas fa-flag"></i></div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/document-domain">Policy</a><a
href="https://developer.mozilla.org/en-US/docs/Web/API/Document/domain">Feature</a>
</td>
</tr>
<tr>
<td><a class=""
href="policies/document-write.html">document-write</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">74</div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/API/Document/write">Feature</a>
</td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/encrypted-media.html">encrypted-media</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">60</div>
<div class="browser requires-flag"><img
src="browser-logos/firefox.svg"
class="browser requires-flag" alt="firefox">65<i
class="fas fa-flag"></i></div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/encrypted-media">Policy</a><a
href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/requestMediaKeySystemAccess">Feature</a>
</td>
</tr>
<tr>
<td><a class=""
href="policies/font-display-late-swap.html">font-display-late-swap</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">74</div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display">Feature</a>
</td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/fullscreen.html">fullscreen</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">60</div>
<div class="browser requires-flag"><img
src="browser-logos/firefox.svg"
class="browser requires-flag" alt="firefox">65<i
class="fas fa-flag"></i></div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen">Feature</a>
</td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/geolocation.html">geolocation</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">60</div>
<div class="browser requires-flag"><img
src="browser-logos/firefox.svg"
class="browser requires-flag" alt="firefox">65<i
class="fas fa-flag"></i></div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/geolocation">Policy</a>
</td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/gyroscope.html">gyroscope</a>
</td>
<td>
<div class="browser requires-flag"><img
src="browser-logos/chrome.svg"
class="browser requires-flag" alt="chrome">69<i class="fas fa-flag"></i>
</div>
</td>
<td class="links"></td>
</tr>
<tr>
<td><a class=""
href="policies/layout-animations.html">layout-animations</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">74</div>
</td>
<td class="links"></td>
</tr>
<tr>
<td><a class=""
href="policies/lazyload.html">lazyload</a>
</td>
<td></td>
<td class="links"></td>
</tr>
<tr>
<td><a class=""
href="policies/legacy-image-formats.html">legacy-image-formats</a>
</td>
<td>
<div class="browser requires-flag"><img
src="browser-logos/chrome.svg"
class="browser requires-flag" alt="chrome">68<i class="fas fa-flag"></i>
</div>
</td>
<td class="links"></td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/magnetometer.html">magnetometer</a>
</td>
<td>
<div class="browser requires-flag"><img
src="browser-logos/chrome.svg"
class="browser requires-flag" alt="chrome">69<i class="fas fa-flag"></i>
</div>
</td>
<td class="links"></td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/microphone.html">microphone</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">60</div>
<div class="browser requires-flag"><img
src="browser-logos/firefox.svg"
class="browser requires-flag" alt="firefox">65<i
class="fas fa-flag"></i></div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/microphone">Policy</a><a
href="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia">Feature</a>
</td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/midi.html">midi</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">60</div>
<div class="browser requires-flag"><img
src="browser-logos/firefox.svg"
class="browser requires-flag" alt="firefox">65<i
class="fas fa-flag"></i></div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/midi">Policy</a><a
href="https://developer.mozilla.org/en-US/docs/Web/API/MIDIAccess">Feature</a>
</td>
</tr>
<tr>
<td><a class=""
href="policies/oversized-images.html">oversized-images</a>
</td>
<td>
<div class="browser requires-flag"><img
src="browser-logos/chrome.svg"
class="browser requires-flag" alt="chrome">72<i class="fas fa-flag"></i>
</div>
</td>
<td class="links"></td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/payment.html">payment</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">60</div>
<div class="browser requires-flag"><img
src="browser-logos/firefox.svg"
class="browser requires-flag" alt="firefox">65<i
class="fas fa-flag"></i></div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/payment">Policy</a><a
href="https://developer.mozilla.org/en-US/docs/Web/API/PaymentRequest">Feature</a>
</td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/picture-in-picture.html">picture-in-picture</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">74</div>
</td>
<td class="links"></td>
</tr>
<tr>
<td><a class=""
href="policies/speaker.html">speaker</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">60</div>
</td>
<td class="links"></td>
</tr>
<tr>
<td><a class=""
href="policies/sync-script.html">sync-script</a>
</td>
<td></td>
<td class="links"></td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/sync-xhr.html">sync-xhr</a>
</td>
<td>
<div class="browser requires-flag"><img
src="browser-logos/chrome.svg"
class="browser requires-flag" alt="chrome">65<i class="fas fa-flag"></i>
</div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/open">Feature</a>
</td>
</tr>
<tr>
<td><a class=""
href="policies/unoptimized-images.html">unoptimized-images</a>
</td>
<td>
<div class="browser requires-flag"><img
src="browser-logos/chrome.svg"
class="browser requires-flag" alt="chrome">72<i class="fas fa-flag"></i>
</div>
</td>
<td class="links"></td>
</tr>
<tr>
<td><a class=""
href="policies/unsized-media.html">unsized-media</a>
</td>
<td>
<div class="browser requires-flag"><img
src="browser-logos/chrome.svg"
class="browser requires-flag" alt="chrome">66<i class="fas fa-flag"></i>
</div>
</td>
<td class="links"></td>
</tr>
<tr>
<td><a class="policy-allowed"
href="policies/usb.html">usb</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">60</div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/API/USB/getDevices">Feature</a>
</td>
</tr>
<tr>
<td><a class=""
href="policies/vertical-scroll.html">vertical-scroll</a>
</td>
<td></td>
<td class="links"></td>
</tr>
<tr>
<td><a class=""
href="policies/vr.html">vr</a>
</td>
<td>
<div class="browser"><img
src="browser-logos/chrome.svg"
class="browser" alt="chrome">62</div>
</td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getVRDisplays">Feature</a>
</td>
</tr>
<tr>
<td><a class=""
href="policies/wake-lock.html">wake-lock</a>
</td>
<td></td>
<td class="links"><a
href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/requestWakeLock">Feature</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>Browser support data courtesy of MDN's <a
href="https://github.com/mdn/browser-compat-data">public
browser-compat-data</a> project.</p>
<P>Take full control over your PDF documents with CoolUtils' <A Href="https://www.coolutils.com/PDFCombine">PDF Combine</A>. This powerful tool allows you to merge multiple PDF files into one cohesive document effortlessly. Maintain the original layout of each page as you bring together various PDFs, ensuring a polished and organized final product. The user-friendly interface makes the process straightforward, even for those new to PDF management. Whether you have a handful of PDFs or a mountain of documents waiting to be organized, PDF Combine is your go-to solution. Start your journey towards impeccable document organization and experience the ease of managing your PDFs with CoolUtils' PDF Combine.
</div>
</div>
<footer class="text-muted">
<div class="container">
<ul class="footer-links">
<li><a
href="https://github.com/triblondon/feature-policy-playground">GitHub
repo</a></li>
</ul>
</div>
</footer>
</div>
</div>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://featurepolicy.info/ |
|
2026-10-17 05:53:04 |
| 2 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:53:04 |
| 3 |
https://caliadventurer.com/ |
|
2026-10-17 05:53:03 |
| 4 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:53:03 |
| 5 |
https://cesarmswza.webdesign96.com/ |
|
2026-10-17 05:53:02 |
| 6 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:53:00 |
| 7 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:53:00 |
| 8 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:59 |
| 9 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:59 |
| 10 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:59 |
| 11 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:58 |
| 12 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:57 |
| 13 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:57 |
| 14 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:56 |
| 15 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:55 |
| 16 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:55 |
| 17 |
https://vselogo.ru/ |
|
2026-10-17 05:52:54 |
| 18 |
http://sekken-life.com/life/cgi-bi… |
|
2026-10-17 05:52:54 |
| 19 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:54 |
| 20 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 05:52:52 |