第三方页面上的 JavaScript 注入(inject)

Question

我最近偶然发现了一个名为 Overlay101 的网站这使您可以为其他网站创建游览。

我对他们用来加载第三方网站进行编辑的技术非常感兴趣。

当您键入网站地址时，它会作为 overlay101.com 网站的子域加载。

例如，如果我输入 https://stackoverflow.com/questions/111102/how-do-javascript-closures-work - 它被加载为 http://stackoverflow.com.www.overlay101.com/questions/111102/how-do-javascript-closures-work

我想知道子域的创建是如何实现的，我在页面的源代码中看到了注入(inject)的 JavaScript。我也想知道这怎么可能。

最让我感兴趣的是 Stackoverflow.com 不允许在框架内加载页面 - 我想知道他们如何设法加载页面以便可以添加游览弹出窗口。

Answer 1

他们只是使用通配符 DNS 条目来使所有子域正常工作。然后，他们使用 Host header 获取原始域名并下载站点的 HTML 代码。由于他们在服务器端执行此操作，因此不需要任何框架等。