javascript - Unable to use postMessage() from a child "localhost" window to an intranet host window in Edge -
i have 2 web pages - host , child (see below). host web page hosted on server on local network. child page hosted on computer. host page opens child page, using “localhost” in window.open() call. child page posts message host page using window.postmessage() method.
in ie , chrome, postmessage() works “localhost” page page hosted on other server. in edge, not work. “message” event not fired on host page.
now, if put host page on server not on local network, postmessage() method work , “message” event fired. ie had concept of intranet vs. internet sites, , wonder if edge has same concept except there no way of configuring it.
is there i'm doing wrong here or way message work "localhost" page host page?
thanks!
host page (hosted on other server on network):
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <title>post message test</title> <script> function setup() { window.addeventlistener('message', function (event) { var messagesel = document.getelementbyid("messages"); messagesel.innerhtml += "- received message " + event.origin + "<br/>"; }); } function openchildwindow() { window.open('http://localhost/sandbox/postmessagetest_child/child.html', '_blank', 'left=100;top=100;width=100;height=100'); } </script> </head> <body onload="setup()"> <button onclick="openchildwindow()">open child window</button> <p id="messages"></p> </body> </html> child page (child.html hosted on localhost):
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <script> function postmessage() { window.opener.postmessage("test message", "*"); } </script> </head> <body> <button onclick="postmessage()">post message</button> </body> </html>
Comments
Post a Comment