如何改进使用 JavaScript 忽略 x-frame-option 的解决方案？答案

【问题标题】：How to improve the solution to ignore x-frame-option using JavaScript?如何改进使用 JavaScript 忽略 x-frame-option 的解决方案？
【发布时间】：2017-08-21 02:10:02
【问题描述】：

这是来自 http://jsfiddle.net/2gou4yen/ 的代码，用于忽略 x-frame-option。

var iframe = document.getElementsByTagName('iframe')[0];
var url = iframe.src;
var getData = function (data) {
    if (data && data.query && data.query.results && data.query.results.resources && data.query.results.resources.content && data.query.results.resources.status == 200) 
       loadHTML(data.query.results.resources.content);
    else if (data && data.error && data.error.description) loadHTML(data.error.description);
    else loadHTML('Error: Cannot load ' + url);
};
var loadURL = function (src) {
    url = src;
    var script = document.createElement('script');
    script.src = 'http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20data.headers%20where%20url%3D%22' + encodeURIComponent(url) +'%22&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=getData';
    document.body.appendChild(script);
};
var loadHTML = function (html) {
    iframe.src = 'about:blank';
    iframe.contentWindow.document.open();
    iframe.contentWindow.document.write(html.replace(/<head>/i, '<head><base href="' + url + '"><scr' + 'ipt>document.addEventListener("click", function(e) { if(e.target && e.target.nodeName == "A") { e.preventDefault(); parent.loadURL(e.target.href); } });</scr' + 'ipt>'));
    iframe.contentWindow.document.close();
} 
loadURL(iframe.src);

这很好用。但是有个问题。

第一次，它不起作用。当你刷新一次时，它就会起作用。

那么，有没有不用刷新就可以工作的解决方案？

【问题讨论】：

标签： javascript x-frame-options

【解决方案1】：

你在其他浏览器中测试过吗？在我看来这是浏览器的问题。在 Safari、Google Chrome、FireFox 中进行测试。

您可以使用服务器端代码将服务器中的内容保存为 html 并从服务器加载。

【讨论】：