All Projects → niutech → X Frame Bypass

niutech / X Frame Bypass

Web Component extending IFrame to bypass X-Frame-Options: deny/sameorigin

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to X Frame Bypass

get-css-data
A micro-library for collecting stylesheet data from link and style nodes
Stars: ✭ 29 (-91.34%)
Mutual labels:  web-component, iframe
vaadin-text-field
The themable Web Component providing input controls. Part of the Vaadin components.
Stars: ✭ 29 (-91.34%)
Mutual labels:  web-component
vaadin-split-layout
The Web Component which allows you to partition a layout into resizeable areas. Part of the Vaadin components.
Stars: ✭ 40 (-88.06%)
Mutual labels:  web-component
qadmin
基于layui框架与Vue.js构建的QAdmin轻量级后台模板
Stars: ✭ 34 (-89.85%)
Mutual labels:  iframe
youtube-music-player
Mini music player for website
Stars: ✭ 16 (-95.22%)
Mutual labels:  web-component
remote-frames
Render a subset of the React tree to a different location, from many locations, without having to coordinate them
Stars: ✭ 27 (-91.94%)
Mutual labels:  iframe
stencil-fetch
Fetch API implementation with Stenciljs
Stars: ✭ 18 (-94.63%)
Mutual labels:  web-component
plain-overlay
The simple library for customizable overlay which covers a page, elements or iframe-windows.
Stars: ✭ 28 (-91.64%)
Mutual labels:  iframe
react-safe-src-doc-iframe
A component which applies guards to srcdoc iframes in order to provide a predictable and safe experience to the user. Complements the sandbox native iframe attribute.
Stars: ✭ 22 (-93.43%)
Mutual labels:  iframe
cwco
Powerful and Fast Web Component Library with a Simple API
Stars: ✭ 27 (-91.94%)
Mutual labels:  web-component
bwt-datatable
Data table with Polymer 3 support!
Stars: ✭ 43 (-87.16%)
Mutual labels:  web-component
data-transport
A generic and responsible communication transporter(iframe/Broadcast/Web Worker/Service Worker/Shared Worker/WebRTC/Electron, etc.)
Stars: ✭ 27 (-91.94%)
Mutual labels:  iframe
vaadin-icons
Vaadin Icons is a collection of 600+ unique icons designed for web applications
Stars: ✭ 59 (-82.39%)
Mutual labels:  web-component
share-menu
A complete and simple to use share menu.
Stars: ✭ 15 (-95.52%)
Mutual labels:  web-component
svelte-webcomponents
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
Stars: ✭ 22 (-93.43%)
Mutual labels:  web-component
ibridge
Typesafe iframe bridge for easy parent child bidirectional communication
Stars: ✭ 25 (-92.54%)
Mutual labels:  iframe
polymer-linter
Moved to Polymer/tools monorepo
Stars: ✭ 34 (-89.85%)
Mutual labels:  web-component
focus-outside
📦 一个很棒的 clickOutside 库,它解决了 iframe 无法触发 clickOutside 的问题,并且它支持分组绑定处理。A good clickOutside library, which solves the problem that iframe cannot trigger clickOutside, and it supports grouping binding processing.
Stars: ✭ 74 (-77.91%)
Mutual labels:  iframe
Embedo
Embeds third party content to DOM with perks 🧙‍♀️ (7kb gzip / standalone)
Stars: ✭ 327 (-2.39%)
Mutual labels:  iframe
FrontEnd-Note
FrontEnd Knowledge Package 📦
Stars: ✭ 14 (-95.82%)
Mutual labels:  web-component

X-Frame-Bypass

Published on webcomponents.org

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 <iframe> element, but X-Frame-Bypass is using a CORS proxy to allow this.

Usage

  1. (Optional) Include the Custom Elements with Built-in Extends polyfill for Safari:

     <script src="https://unpkg.com/@ungap/custom-elements-builtin"></script>
    
  2. Include the X-Frame-Bypass JS module:

     <script type="module" src="https://unpkg.com/x-frame-bypass"></script>
    
  3. Insert the X-Frame-Bypass Custom Element:

     <iframe is="x-frame-bypass" src="https://example.org/"></iframe>
    

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].