如何将 Meta Viewport 标签附加到屏蔽域转发 iframe？

Question

关于屏蔽域转发影响 Meta Viewport 标签的方式，Stack Overflow 上也有类似的问题，但我还没有找到转发删除 Viewport 标签的方式和页面响应能力的解决方案。为了屏蔽页面，插入了一个 iframe，其中包含引用站点的内容。问题是这个 iframe 被放置在一个不再包含元视口的新 head 标签中。

我在 Chrome 的内置 HTML 检查器中进行了一些实验，发现如果我添加此元标记，页面将再次正确显示。所以，在我看来，我需要做的就是在页面加载时向页面添加一个 Meta Viewport，如下所示：

<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>

但是，这不起作用。当我运行控制台中的 JS 时，标签被添加并且页面 re-formats 很好，但是如果我真的将 JS 添加到我的代码中，它不会被触发。

我假设我没有将脚本放在正确的位置。我现在将它放在我的 header 包含文件中，但是当页面呈现时，这个包含最终会出现在 iframe 中，所以我可以看到为什么它不会对页面产生影响。所以我的问题是，我的代码中是否有一个位置可以放置它以便它运行s 在转发器 re-formats 页面之后，或者是否有 onload 以外的功能可能完成这个？

Answer 1

如果您正在使用 jQuery，请尝试使用：

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

Answer 2

JS 永远不会工作，因为你会阻止跨源请求（除非 iframe 内容（你的目标网站）和 godaddy 域是同源的——这在几乎所有情况下都不是。因此，有我无法从内容站点看到通过 js 添加元标记。

如何将 Meta Viewport 标签附加到屏蔽域转发 iframe？

How can I append a Meta Viewport tag to the masked domain forwarding iframe?

html

javascript

iframe

mobile