Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将元视口标记附加到屏蔽域转发iframe?_Javascript_Html_Iframe_Mobile - Fatal编程技术网

Javascript 如何将元视口标记附加到屏蔽域转发iframe?

Javascript 如何将元视口标记附加到屏蔽域转发iframe?,javascript,html,iframe,mobile,Javascript,Html,Iframe,Mobile,关于屏蔽域转发影响元视口标记的方式,在堆栈溢出方面也有类似的问题,但是我还没有找到一个解决方案来解决转发删除视口标记和页面响应的方式。为了屏蔽页面,插入一个包含引用站点内容的iframe。问题是该iframe被放置在一个新的head标记中,该标记不再包含元视口 我在Chrome的内置HTML检查器中做了一些实验,发现如果我添加这个meta标记,页面将再次正确显示。因此,在我看来,我所需要做的就是在页面加载时添加一个元视口: <script> function setViewport(

关于屏蔽域转发影响元视口标记的方式,在堆栈溢出方面也有类似的问题,但是我还没有找到一个解决方案来解决转发删除视口标记和页面响应的方式。为了屏蔽页面,插入一个包含引用站点内容的
iframe
。问题是该
iframe
被放置在一个新的
head
标记中,该标记不再包含元视口

我在Chrome的内置HTML检查器中做了一些实验,发现如果我添加这个meta标记,页面将再次正确显示。因此,在我看来,我所需要做的就是在页面加载时添加一个元视口:

<script>
function setViewport(){
var meta = document.createElement('meta');
meta.name= "viewport";
meta.content = "width=device-width, initial-scale=1";
document.getElementsByTagName('head')[0].appendChild(meta);
}
window.onload = setViewport;
</script>

函数setViewport(){
var meta=document.createElement('meta');
meta.name=“viewport”;
meta.content=“宽度=设备宽度,初始刻度=1”;
document.getElementsByTagName('head')[0].appendChild(meta);
}
window.onload=setViewport;
然而,这不起作用。当我在控制台中运行JS时,会添加标签,页面会很好地重新格式化,但如果我真的将JS添加到代码中,它不会被触发


我想我没有把脚本放在正确的位置。我现在把它放在我的头文件include中,但是当呈现页面时,这个include会在iframe中结束,所以我可以看到为什么它不会对页面产生影响。所以我的问题是,在我的代码中是否有一个位置,我可以将其放置在转发器重新格式化页面后运行,或者是否有一个非
onload
的函数可以实现这一点?

如果使用jQuery,请尝试使用:

$( document ).ready(function() {
    setViewport();
});

JS永远不会工作,因为您将阻止跨源请求(除非iframe内容(您的目标网站)而godaddy域的来源是相同的——这在几乎所有情况下都不存在。因此,我无法从content site通过js添加meta标记。

问题是,尽管正在构建的页面确实包含JQuery,但godaddy创建的包装却不包含,因此解决方案必须使用Javascript。