静态iframe预览

时间:2018-04-25 15:56:57

标签: javascript html iframe

我有一个网站,里面有许多我创建的不同在线游戏。而我现在正试图创建一个网站,其中列出的所有游戏都包含游戏内部的小图片/预览。我可以拍下每个游戏的图片,但是代码只显示游戏的静态预览会更方便。那么有这样的代码可以做到吗?

1 个答案:

答案 0 :(得分:0)

您是否曾尝试使用jQuery来针对游戏所在页面的网址运行HTTP GET请求,并在iframe中注入XHR响应中的HTML?

如果您确定了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();
})