How pinterest managed to load an iframe on any website when their extension is clicked?
<p>I'm trying to develop an extension similar to that of Pinterest's PinIt extension for google chrome.<br> <br>In general, i know that loading any URL in an iframe which is not from the same origin would result in giving an error <strong>"Refused to display '<a href="https://www.someWebsite.com/" rel="nofollow noreferrer">https://www.someWebsite.com/</a>' in a frame because it set 'X-Frame-Options' to 'DENY'."</strong><br>
However, i do see that Pinterest is loading a URL on any website when using their extension. For Example, i was using the extension on instagram.com (i've used it on other sites as well) and then i took a screenshot <a href="https://i.stack.imgur.com/w0EoO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/w0EoO.png" alt="enter image description here"></a>of what i could not understand. (Please refer to selected area in DOM)<br><br>
Can anyone tell me how this can be achieved or probably how pinterest is doing this?</p>