问题标签 [iframe-app]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - beforeunload事件之前的Angular8 IFrame
我有一个角度应用程序，它是一种在其中托管子应用程序的主应用程序。子应用程序也是角度应用程序。我加载子应用程序的方式是通过 iframe。
子应用程序显示为列表，当我单击选项卡时，该应用程序被加载。当我对应用程序中的数据进行一些更改时，如果我单击另一个子选项卡，我想显示一条警告消息，指出“更改将丢失”。我可以通过使用 beforeunload 事件来实现它，如下所示。我可以检查是否有任何未保存的更改并显示警告弹出窗口。
唯一的问题是，当我单击另一个子选项卡时，主机应用程序会突出显示该子选项卡，然后显示警告弹出窗口。如果我单击弹出窗口上的停留按钮，我可以在我想要的子选项卡上，但在主机应用程序上，另一个子选项卡会突出显示。因此，如果我想留在当前子选项卡上，我试图找到一种不突出显示另一个选项卡的方法。卸载前的东西。
reactjs - 我可以构建一个 API 让我与 iframe 中的内容进行交互吗？
我正在做一个项目，我想在 iframe 中填充网页，但由于 CORS，我无法从我的应用程序中与 iframe 中的内容进行交互，但是将在我的应用程序中显示其网页的人可以安装他们网页上的代码或其他内容，我尝试了 postMessage，但如果有人愿意，它似乎很容易被利用。
我想知道我是否可以开发某种可以放置在用户网页上的 API，并且只有当有人从我的应用程序访问它并让用户通过自定义事件与 iframe 内的网页交互时才会激活它？
我们使用 react js 作为前端。
这种事情可能吗？如果是的话怎么办？谷歌分析跟踪代码如何工作我相信它也使用 postMessage。
感谢您的帮助。如果你能帮助我，很高兴赞助咖啡。
azure - Azure Webb 中的 iframe
我在 Azure 应用服务中有一个网站。有一个 iframe 有这个
<iframe id='iframe2' class="embed-responsive" src="http://52.173.85.103:8069/" frameborder="0" style="overflow: hidden; height: 100%; width: 100%; position: absolute;"></iframe>
但是所有其他元素都可以工作，但只有 iframe 不能在 这里工作
我认为 Azure 可能会限制 SRC，因为它可以使用域页面。
ios - ionic 5 iframe 正在重定向到 ios 上的登录页面
我正在使用 ionic 5。我需要在 iframe 中打开聊天。我做了以下代码，在 android 上运行良好，但在 ios 上，它正在重定向到登录页面。即使登录在 iFrame 中也不起作用。
这是代码。
我也尝试过 inAppBrowser ，但它在应用程序之外打开。所以这不可能是解决方案。欢迎所有建议。
security - Cross-Origin-Embedder-Policy：如何只允许某些域？
在一个网站上，我必须在我的网站上嵌入一个需要以下标头的 iframe，因为它需要 SharedArrayBuffer 功能：
不幸的是，我的页面中仍然需要的第 3 方服务 IFRAME 不再加载。即使打开了嵌入式策略，有没有办法允许第三方域？
谢谢。达里奥。