替换iFrame加载外部页面+信息栏

Posted

技术标签:

【中文标题】替换iFrame加载外部页面+信息栏【英文标题】:Replacement for iFrame to Load External Page + Information Bar 【发布时间】:2013-02-06 05:17:31 【问题描述】:

我正在开发一个应用程序,该应用程序需要将人们带到外部网站,同时向他们提供一些可供使用的选项/信息。信息也必须在页面之间保持不变。

事实证明,弹出窗口让人们感到困惑,所以我目前想出的解决方案是在动态页面上创建社交分享栏之类的东西,然后通过 iFrame 加载到购物网站 [参见下面的模型]。

这可以完成工作,除了:

    一些网站 [明智地] 打破框架。 像亚马逊这样的一些网站根本不加载框架[附属欺诈]。 它使 ssl/安全问题/网络钓鱼难以检测。 用户屏蔽网址是不礼貌的。 这是一个 iFrame

我知道跨域 AJAX 不好,但肯定有一个可编码的解决方案可以提供更好的体验?

【问题讨论】:

【参考方案1】:

我不知道你想要多复杂,或者你有什么选项,但你可以设置一个代理来加载页面并伪造用户代理来获取加载到 iFrame 中的请求,就像这样: http://www.electrictoolbox.com/php-change-user-agent-string/

【讨论】:

有趣...这里的难点是用户需要能够正常浏览正在打开的网站。显然,我希望 url / 导航有限制,但我希望能超越框架限制。

以上是关于替换iFrame加载外部页面+信息栏的主要内容,如果未能解决你的问题,请参考以下文章

在页面上将文本插入 iFrame(从 iframe 外部复制)

angular7中使用iframe来加载外部页面

如何用javascript 跨域获取iframe子页面的元素信息

无法使用 cordova iOS 在 iframe 中正确加载外部 URL

嵌入没有 iframe 的外部页面?

iframe如何使用javascript替换内容?