将自定义JS和CSS应用于iframe? (制作第三方移动网站)

时间:2012-01-09 18:37:17

标签: javascript css mobile

我想创建一个经常出现的网站“移动”版本。虽然很多争论我决定在iframe注入JS和CSS可能是我最好的选择。我决定进行谷歌搜索,我得到了超过700万的结果,没有真正的方法去做我所寻求的,关于如何做到这一点的明确理论。

有办法做到这一点吗?或者有更好的方法来创建我经常访问的网站的移动第三方版本吗?

3 个答案:

答案 0 :(得分:2)

不,这是不可能的。出于安全原因,如果iframe的内容源自不同的主机名,则无法篡改iframe的内容。

如果这是供您个人使用,我会建议用户样式表和用户JavaScript。大多数浏览器都有扩展/插件,例如用于Firefox的GreaseMonkey。

如果您希望其他人能够访问该网站,您必须挂钩他们提供的API或抓取内容,然后从您自己的服务器重新发布。如果您未经他们的许可这样做,这将是侵犯版权的行为。

答案 1 :(得分:0)

由于同源政策,您无法操纵Iframe中的第三方网站。要按照您希望的方式操作页面,您需要在代理服务器上获取它,更改HTML,将其重新提供给客户端。

答案 2 :(得分:0)

使用代理重写工具可以100%实现这一目标。本质上是一个加载第三方内容的“gresemonkey代理”,您可以在服务器中对其进行编辑并将编辑后的内容显示给用户。像其他人一样,这是一个灰色地带,尤其是商业用途,如果你没有得到许可,很有可能被起诉。

我们使用此技术完成您所要求的(经网站许可)创建移动版本,而无需更改内部使用的所有者代码。

这非常复杂,所以非常好的第一步......