在框架集外创建 head 标签

Question

所以我有一个网站：www.site1.com

在它的 head 标签内我放置了这两个元素：

<link rel="shortcut icon" type="/favicon.ico?">

对于网站图标，

和

<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">

响应行为。

如果您导航至 www.site1.com，一切正常。

现在：网站的实际域名是 www.site2.com 在这个域上导航的人似乎会得到一个包含 www.site1.com 网站框架集的新页面。 我无法访问执行 "magical trick":

的服务器（和代码）

问题是这样我的页面的 head 元素将被浏览器以某种方式忽略：favicon 不显示并且网站不响应。

我试过在页面末尾通过 JS 脚本动态添加 head 元素：没用。 然后我尝试将此脚本放在外部文件中，然后使用 link 将其动态加载到文件中：没有用。 两种解决方案都添加了元素，但仍在包装头元素中而不是外部元素中。

Answer 1

JavaScript 的跨源限制使这成为不可能。

这是使用基于帧屏蔽的域名托管而不是正确配置 DNS 和网络服务器以将域名指向实际站点的缺点之一。