Postmessage Test

by joshuatz

HTML

<div class="consoleWrapper"></div>

CSS

body {
    background-color: black;
    color: greenyellow;
    font-family: consolas;
}

JavaScript

window.addEventListener('message', function(evt) {
    logMessage(message);
});
try {
	if (parent && parent.window && typeof(parent.window.addEventListener) === 'function') {
		parent.window.addEventListener('message', function(evt) {
			logMessage(evt);
		});
	}
}
catch (e){
	logMessage('Could not attach postMessage listener to parent window:');
	logMessage('---> ' + e);
}

function logMessage(message) {
    var messageRow = document.createElement('p');
    messageRow.innerText = message;
    document.querySelector('.consoleWrapper').appendChild(messageRow);
}

function logMessageEvt(messageEvt) {
    console.log(messageEvt);
    logMessage(JSON.stringify(message));
}