我得到这个错误：
Refused to display 'http://instagram.com/p/page/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.字符串
我想在我的网站内显示Instagram页面，因为它是一个移动的应用程序，我想使用我的后退按钮。
这是我的网页：
<body id="responsiveDemo">
<div data-role="page" id="test" data-theme="g">
<div data-theme="g" data-role="header">
<a href="javascript:history.back()" data-icon="back" data-iconpos="notext"></a>
<h1>Instagram</h1>
</div>
<div data-role="content">
<iframe id="iframeInstagram" src="" name="IframeInstagram" style="width: 100%; height: 1000px; border: medium none;visibility: visible;"></iframe>
<script>
var query = location.search.substring(1);
//console.log(query);
var parameters = {};
var keyValues = query.split(/&/);
for (var i = 0; i < keyValues.length;i++) {
var keyValuePairs = keyValues[i].split(/==/);
var key = keyValuePairs[0];
var value = keyValuePairs[1];
parameters[key] = value;
}
/*+$(document).ready(function() {
//console.log(parameters['page']);
document.getElementById('iframeColaborador').src = parameters['colaborador'];
});
*/
//$(document).on("pageload", '#test', function() {
$(document).on("pageshow", '#test', function() {
//$(document).load(function() {
console.log(parameters['instagram']);
document.getElementById('iframeInstagram').src = parameters['instagram'];
//document.getElementById('iframeNews').src = 'http://www.unican.es';
});
</script>
</div> <!-- /content -->型
我用这个网页来展示其他网站，但我不知道为什么它与Instagram失败。
3条答案
按热度按时间iqjalb3h1#
是的，您可以使用此格式显示Instagram页面
字符串
. inside iframes as long as you add the suffix
embed/like型
参见**JSFIDDLE**
vh0rcniy2#
你不能这样做，因为Instagram拒绝外部网站将他们的网站放在框架中。这就是为什么你会收到关于
X-Frame-Options被设置为SAMEORIGIN的错误消息--同源意味着它只允许Instagram使用框架，而不允许其他人使用。ijxebb2r3#
首先，Instagram允许您嵌入您所做的共享。你要做的就是
字符串
此外，如果你觉得很难或你想要的纯代码在这里是所有你要做的使用下面的代码与您自己的网址
型