【问题标题】:How to add loading screen when loading/redirecting to external website?加载/重定向到外部网站时如何添加加载屏幕?
【发布时间】:2019-03-14 16:49:45
【问题描述】:

我有一个重定向到外部网站的按钮/链接,但是 外部网站需要时间来加载。所以我想添加一个加载屏幕,以便在显示外部页面之前将其完全加载。 我无法控制外部网站,并且外部网站具有同源策略,因此我无法在 iFrame 中加载外部网站。 我怎样才能使用任何方法实现这一点?

【问题讨论】:

  • 不可能
  • 也许Link Prefetching 会有所帮助。另见HTML5 Link Prefetching by David Walsh
  • 这将要求您在某种框架内加载外部网站,并在显示加载屏幕时将其对用户隐藏。之后,您必须编写一个能够识别何时完成加载的脚本,然后将加载屏幕与您加载的帧交换。这样做的问题是您将在您的网站上嵌入某人的网站,它可能无法正常工作。
  • 在这种情况下,链接预取可能是您唯一的选择。还有一个预渲染选项可以按照相同的方式工作,但可能没有那么多的浏览器支持。但是,您将无法为其附加加载屏幕。

标签: javascript jquery html cross-domain same-origin-policy


【解决方案1】:

如果不访问下一个站点,您将无法创建加载屏幕。最好的办法是使用链接预取来最小化重定向中的加载时间。 更多内容可以在这里阅读:https://developer.mozilla.org/en-US/docs/Web/HTTP/Link_prefetching_FAQ

【讨论】:

    猜你喜欢
    • 2022-01-02
    • 2010-09-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多