X-Frame-Bypass

![Published on webcomponents.org](https://www.webcomponents.org/element/x-frame-bypass)

X-Frame-Bypass is a Web Component, specifically a Customized Built-in Element, which extends an IFrame to bypass the X-Frame-Options: deny/sameorigin response header. Normally such headers prevent embedding a web page in an

</code> element, but X-Frame-Bypass is using a CORS proxy to allow this.
<br />
<br /><h2 class="text-xl font-semibold mt-5 mb-3">Usage</h2>
<br />
<br />1. (Optional) Include the <a href="https://github.com/ungap/custom-elements-builtin" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">Custom Elements with Built-in Extends polyfill</a> for Safari:
<br />
<br />		<script src="https://unpkg.com/@ungap/custom-elements-builtin"></script>
<br />
<br />2. Include the X-Frame-Bypass JS module:
<br />
<br />		<script type="module" src="https://unpkg.com/x-frame-bypass"></script>
<br />
<br />3. Insert the X-Frame-Bypass Custom Element:
<br />
<br />		<iframe is="x-frame-bypass" src="https://example.org/">



Demo



See the Hacker News using X-Frame-Bypass. Supported are current versions of Chrome and Firefox browsers. Edge and Safari do not support Customized Built-in Elements yet.



License



© 2019 Jerzy Głowacki under Apache License 2.0.

`X-Frame-Bypass`





![Published on webcomponents.org](https://www.webcomponents.org/element/x-frame-bypass)



X-Frame-Bypass is a Web Component, specifically a Customized Built-in Element, which extends an IFrame to bypass the X-Frame-Options: deny/sameorigin response header. Normally such headers prevent embedding a web page in an </code> element, but X-Frame-Bypass is using a CORS proxy to allow this.
<br />
<br /><h2 class="text-xl font-semibold mt-5 mb-3">Usage</h2>
<br />
<br />1. (Optional) Include the <a href="https://github.com/ungap/custom-elements-builtin" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">Custom Elements with Built-in Extends polyfill</a> for Safari:
<br />
<br />		<script src="https://unpkg.com/@ungap/custom-elements-builtin"></script>
<br />
<br />2. Include the X-Frame-Bypass JS module:
<br />
<br />		<script type="module" src="https://unpkg.com/x-frame-bypass"></script>
<br />
<br />3. Insert the X-Frame-Bypass Custom Element:
<br />
<br />		<iframe is="x-frame-bypass" src="https://example.org/">



Demo



See the Hacker News using X-Frame-Bypass. Supported are current versions of Chrome and Firefox browsers. Edge and Safari do not support Customized Built-in Elements yet.



License



© 2019 Jerzy Głowacki under Apache License 2.0.