Detect iFrame embedding in Javascript

Question

I have an application that has a certain page -- let's call it Page A. Page A is sometimes a top-level page, but also sometimes is embedded as an iframe within page B. All pages come from the same server and there are no cross-domain issues.

I have a greasemonkey script that runs on page A. How can the greasemonkey script detect whether page A is within the iframe context or not?

Would you just look for at the parent for frames and see if they exist ? — 76mel, May 29 '09 at 08:53
Possible duplicate of [How to identify if a webpage is being loaded inside an iframe or directly into the browser window?](http://stackoverflow.com/questions/326069/how-to-identify-if-a-webpage-is-being-loaded-inside-an-iframe-or-directly-into-t) — feeela, May 17 '16 at 11:55

score 134 · Accepted Answer · answered May 29 '09 at 09:04

134

Looking at frame length breaks down generally if page A itself has frames (I know this might not be the case for this specific instance). The more reliable and meaningful test would be:

if (window!=window.top) { /* I'm in a frame! */ }

answered May 29 '09 at 09:04

annakata

74,572
17
113
180

Can you explain? Is this because a.parent can equal a? – Cheekysoft May 29 '09 at 09:33
6

yes, exactly so - .top and .parent can point to the same object as .self (and in fact it would possibly be clearer to test window.self != window.top) – annakata May 29 '09 at 09:59
This didn't work for me inside a Firefox extension, but I found a different solution: http://stackoverflow.com/questions/326069#7769187 – magnoz Oct 14 '11 at 14:39
I confirm, for covering also IE8 you have to use window.parent.frames.length – Marek Kowalski Dec 14 '12 at 10:49

score 12 · Answer 2 · edited Jun 26 '09 at 00:04

12

The predicate

(window.parent.frames.length > 0)

will tell you just what you want.

edited Jun 26 '09 at 00:04

GEOCHET

21,119
15
74
98

answered May 29 '09 at 08:51

Artem Barger

40,769
9
59
81

1

Just don't forget to do it after ;0) – Artem Barger May 29 '09 at 09:10
3

This approach gives you false positive if you nest another iframe on the page you run this check on. – Marek Kowalski Apr 25 '13 at 10:07
1

this is not that simple. if your page contains iframes, than window.parent == window so it would give false positive. – zsitro Nov 08 '13 at 14:52

score 6 · Answer 3 · edited May 23 '17 at 12:02

6

if (top === self) { not in a frame } else { in a frame }

From How to identify if a webpage is being loaded inside an iframe or directly into the browser window?

edited May 23 '17 at 12:02

Community

1
1

answered Aug 22 '11 at 15:54

Mike Grace

16,636
8
59
79

score 4 · Answer 4 · answered Jul 05 '13 at 14:38

As stated above the accepted solution doesn't work in IE8. Additionally, checking window.parent.frames.length can cause a cross-domain exception.

Instead I was able to achieve this with var isInIFrame = top.location != self.location - it works in IE8 and it doesn't cause a cross-domain violation as long as you don't attempt to read the contents of top.location.

score 0 · Answer 5 · edited Jun 17 '15 at 12:33

0

Use window.frameElement and check if it is not null and if its nodeName is "IFRAME".

edited Jun 17 '15 at 12:33

Ram Sharma

8,676
7
43
56

answered Jun 11 '12 at 11:06

Pink Duck

561
5
3

1

This element is not available in Safari or Opera. Given the number of people surfing on iPads these days, this probably isn't a suitable solution. – Ash Nov 28 '13 at 08:38

Detect iFrame embedding in Javascript

5 Answers5

Linked

Related