Question

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

Answer 1

您是否曾尝试使用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();
})

静态iframe预览

1 个答案: