stationsraka.blogg.se - Iframe embed code

IFRAME EMBED CODE GENERATOR

You can use it by including a “hash digest” when you add and other resource tags to your website, as an integrity attribute. S ub r esource I ntegrity ( SRI) ( MDN Docs) is a security feature baked into several modern browsers, that provides a way to verify (and enforce) that the external resource received from a remote source exactly matches what was requested.

My previous research on different iframe generation methods.

It has been a while since I have had to use the JSONP workaround method, but it proved invaluable on this project, since Twitter does not provide the right headers for CORS, but does support JSONP responses.

I’ve used React, Vue, and other frameworks on other projects, but wanted to get some practice coding things from scratch on this, especially since I wanted a fast build. I built it using vanilla JS – no frameworks. Twitframe), my tool simply wraps the Twitter embed code in an IFrame wrapper, using some IFrame generation tricks.

The tool is fairly simple: Plug in the URL of a tweet, hit the “generate” button, and get back IFrame embed code that you can paste into your own website, or forums that accept IFrame embeds. It allows you to plug in the URL of a tweet, and get an IFrame embed code, with configurable options.

IFRAME EMBED CODE GENERATOR

I realized that building an Iframe embed generator for Tweets should be fairly easy, and this tool is the result of that goal. I almost always prefer to use IFrames to embed third party content, as they provide a superior level of “sandboxing” and content isolation. Occasionally I have wanted to embed a specific Tweet from Twitter into a post on my website, and have been irked by the fact that the default embed method requires me to add a third-party Javascript embed to my site, which could potentially be used in malicious ways.