Failed to execute postMessage on DOMWindow The target origin provided does not match the recipient window s origin null

Question

I have a game in heroku  now I m trying to make it work in Facebook canvas  but  while it works in Firefox  in Chrome and IE doesn t   IE shows a warning with a button  when clicking the button  it shows the content   In chrome  I get this error   Failed to execute  postMessage  on  DOMWindow   The target origin provided   https   game herokuapp com   does not match the recipient window s origin   null      What s wrong

User · Answer

In my case I didn t add the http    prefix  Potentially worth checking

User · Answer

My issue was I was instatiating the player completely from start but I used an iframe instead of a wrapper div

User · Answer

Another reason this could be happening is if you are using an iframe that has the sandbox attribute and allow-same-origin isn t set e g       page html  lt iframe id  f  src  http   localhost 8000 iframe html  sandbox  allow-scripts  gt  lt  iframe gt   lt script type  text javascript  gt      var f   document getElementById  f   contentWindow         will throw exception     f postMessage  hello world     http   localhost 8000     lt  script gt      iframe html  lt script type  text javascript  gt      window addEventListener  message   function event            console log event          false    lt  script gt    I haven t found a solution other than    add allow-same-origin to the sandbox  didn t want to do that  use f postMessage  hello world

User · Answer

Make sure the target window that you  or Facebook  is posting a message to  has completed loading  Most of the times I ve gotten this error were when an iframe I was sending messages to had failed to load

User · Answer

To check whether the frame have been loaded  use onload function  Or put your main function in load  I recommend to use load when creating the iframe by js       lt iframe   gt         src  url     id    receiver      frameborder  1     load function           put your code here  so that those code can be make sure to be run after the frame loaded            appendTo  body

User · Answer

In My Case  Im trying to pass messages from Salesforce Marketing Cloud Custom Activity Domain 1  to Heroku Domain 2  on load  The Error Appeared in console  when I loaded my original html page from where message is being passed  Issue I noticed after reading many blogs is that  the receiver page is not loaded yet  i e  I need to debug from my receiver page not from sender page   Simple but glad if it helps anyone

User · Answer

In my case SSL certificate was invalid for iframe domain  so make sure that iframe URL you re trying to send messages to is opening w o any issues  in case you load your iframe over https

[javascript] Failed to execute 'postMessage' on 'DOMWindow': The target origin provided does not match the recipient window's origin ('null')

Examples related to javascript

Examples related to facebook

Examples related to heroku