What browsers support the window.postMessage call now?

Question

What are all the browsers that support the window.postMessage call now? I am looking for browsers that support it natively, not through an iFrame hack.

Raynos · Accepted Answer · 2012-01-23T18:13:27.963

79

Can I use cross-document messaging

FF3+, IE8+, Chrome, Safari(5?), Opera10+

edited Jan 23 '12 at 18:13

answered May 17 '11 at 20:08

Raynos

166,823
56
351
396

35

Note that IE8/9 only support strings for the data argument, whereas all other browsers support objects. – Brandon Gano Jun 04 '13 at 04:41
1

@Brando: You comment just saved my day. I thought I would be hours trying to figure out why IE wasn't working; but lo, I am sending an object. – Lawrence Dol Sep 01 '13 at 16:05
4

old post but you can send json (sting) and use eval to decode object – ElSinus Jun 24 '14 at 13:02
8

@ElSinus I'd avoid eval. I'd recommend using a combination of JSON.stringify and JSON.parse – Darwayne Aug 14 '14 at 17:37

Keith Beard · Answer 2 · 2011-05-17T20:16:46.717

11

IE8 does not allow postMessage across windows/tabs

http://blogs.msdn.com/b/ieinternals/archive/2009/09/16/bugs-in-ie8-support-for-html5-postmessage-sessionstorage-and-localstorage.aspx

for more info check here

http://www.openajax.org/member/wiki/Browser_Variation_of_the_Hub_Reference_Implementation_%28Illustrative%29

edited May 17 '11 at 20:16

answered May 17 '11 at 20:11

Keith Beard

1,601
4
18
36

Nice for pointing that out! I didn't even know it works across windowws/tabs in other browsers >_> – Raynos May 17 '11 at 20:29
any idea if IE9 support postMessage across windows/tabs? – Blowsie Aug 05 '11 at 13:22
The postMessage() API now has asynchronous behavior for IE9 mode pages. This article http://blogs.msdn.com/b/ieinternals/archive/2009/09/16/bugs-in-ie8-support-for-html5-postmessage-sessionstorage-and-localstorage.aspx explains the problems still arising in IE9 not sure if it has been corrected yet though. – Keith Beard Aug 05 '11 at 14:36

score 7 · Answer 3 · edited Sep 11 '14 at 09:37

postMessage is supported in IE8+ HOWEVER

Remember that IE9 and below require data to be passed in string form and not as an object.
IE doesn't like you to call postMessage as soon as page loads (I'm assuming this has to do with the iframe you are posting to needing time to load).
Use a setTimeout to wait one or two seconds before calling postMessage.
It took me hours to figure this out and IE wasn't giving me any error message, it was just silently doing nothing until I added the setTimeout.

If you want to start with a demo which actually does work in IE, check out this nifty tutorial by Ilya Kantor

score 2 · Answer 4 · answered Mar 26 '14 at 20:01

2

For what it's worth recently I ran into some odd webkit browser/versions out in the wild that did NOT support postMessage. I was using IE(8) detection as my means for seeking an alternative. Instead, I probably should have just done some something like this:

if(window.postMessage){
    console.log('Supports post message');
}

Or likely a bit cleaner:

var pm_is_supported = typeof(window.postMessage) == 'function';

answered Mar 26 '14 at 20:01

benipsen

493
6
12

Thanks, this is good stuff. It's not an answer to the question though and should be a comment. – Niklas Berglund Apr 08 '14 at 08:19
Your cleaner solution does not work in IE8. In IE8 window.postMessage comes back as an object – KingOfHypocrites May 25 '14 at 15:14
I would stick with: return !!window.postMessage; – KingOfHypocrites May 25 '14 at 15:17

score 2 · Answer 5 · answered Feb 26 '18 at 14:30

2

All latest browsers supports that e.g. IE 11, Edge, Firefox 57+, Dafari 11+, iOS Safari 10.2+, Opera mini, Chrome for android, UC Browser etc.

https://caniuse.com/#search=document%20messaging

answered Feb 26 '18 at 14:30

Jay Shah

3,553
1
27
26

What browsers support the window.postMessage call now?

5 Answers5

Linked