如何将 React 应用程序嵌入基本 HTML 页面？

Question

目标站点将不会完全加载到我分配给它的 iframe 元素中：

<iframe
    id="modalMapView"
    class="hidden"
    src="https://syringemap.firebaseapp.com/"
    title="Syringe Map live application"
    scrolling="no"
    sandbox="allow-scripts allow-popups allow-same-origin"
></iframe>

如果您访问 firebase 应用程序，您会发现它需要一点时间，但最终会加载一个额外的菜单和地图。是否有任何特定属性可以添加到 iframe 以帮助它在加载过程中向前推进？

编辑：供参考的照片 - 这是 iframe 在我的视口中呈现的内容：iframe render, and this is what it needs to render: firebase application

Answer 1

您需要在 iframe 上使用 allow 属性:

<iframe
  id="modalMapView"
  class="hidden"
  src="https://syringemap.firebaseapp.com/"
  title="Syringe Map live application"
  scrolling="no"
  allow="geolocation"
  sandbox="allow-scripts allow-popups allow-same-origin"
></iframe>

如何将 React 应用程序嵌入基本 HTML 页面？

How to embed a React application into a basic HTML page?

html

iframe

networking