Предварительный просмотр статического фрейма

Question

У меня есть сайт с множеством различных онлайн-игр, которые я создал. И сейчас я пытаюсь создать сайт со всеми играми, перечисленными с небольшой картинкой / превью внутри игры. Я мог бы просто сфотографировать каждую игру, но для кода было бы гораздо удобнее просто показать статический предварительный просмотр игры. Так есть ли такой код, который может это сделать?

Answer 1

Вы пытались использовать, например, jQuery, чтобы выполнить HTTP-запрос GET к URL-адресу страницы, на которой находятся ваши игры, и вставить HTML-код, который входит в ответ XHR в iframe?

Если вы определите свои CORS политики и , предполагая, что каждая из ваших игр отображает какой-то статический HTML-код, прежде чем вы начнете играть , вы сможете получить статический предварительный просмотр, запустивчто-то вроде:

var url = 'http://example.com'
var iframe = document.createElement("iframe");
document.body.appendChild(iframe);
// jQuery HTTP get request
$.get(url, function(html){
   // Parse response here to get static html game preview.
   console.log('%j', html);
   var frameDoc = iframe.document;
    // IE
    if(iframe.contentWindow){
       frameDoc = iframe.contentWindow.document;
    }
    frameDoc.open();
    frameDoc.writeln(html);
    frameDoc.close();
})