How do I load different domain web site in iframe tag?

Question

1.00/5 (1 vote)

See more:

I am trying to render some thing like this. not exactly google though.
Can some body guide me what needs to be done to achieve this? I just want to render one domain page from another domain using iframe tag.

What I have tried:

<iframe src="https://www.google.com">
</iframe>

Posted 23-May-19 0:43am

goshan2011

Updated 23-May-19 1:00am

Add a Solution

Comments

F-ES Sitecore 23-May-19 8:43am

That's how you do it. If it isn't working for the site you want then that will be down to the site itself. Given you can't change or control the site you are trying to put in a iframe there is nothing you can do if that site doesn't want to be framed.

W∴ Balboos, GHB 23-May-19 8:47am

Generally, it should just work - what do you see (or not see?).
If you see nothing at all, then just for laughs, give it a real length and width.
If you see an empty rectangle, try copy/paste from your URL. First, another page in your domain and then other. Just t be sure you've got your syntax correct.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

phil.o · Answer 1 · 2019-05-23T01:00:00

Solution 1

You cannot. Google servers will not accept any CORS (Cross-Origin Resource Sharing)[^] request. Allowing that would be a major security issue.
The iframe tag is not responsible for this behaviour, there is nothing you can do, server or client-side, to prevent that: it is the target server of the iframe (i.e., google) which explicitly refuses to serve your request.
[Edit]: replace 'google' by what is appropriate in your case :)

Posted 23-May-19 1:00am

phil.o

Updated 23-May-19 1:02am

v2

Comments

goshan2011 23-May-19 7:31am

"google" was just an example i have quoted. But what do i have to do in my server to open up in that way. Please suggest. In the place of google, when i tried "tutorialbrain", it opened up in iframe, where as one domain of mine dont open up in another.

phil.o 23-May-19 7:51am

It was not clear whether the external domain was one of yours.
As I said, it is something that has to be done on the target domain.
Maybe I want to add CORS support to my server[^] can help you then.

Richard Deeming 24-May-19 14:28pm

It's not really CORS that controls this; it's the Content Security Policy (CSP)'s frame-ancestors directive.
CSP Cheat Sheet[^]

Prior to that, the X-Frame-Options[^] header served a similar purpose.