0

我有一个带有 Angular 10 的 ASP.NET Core 3.1 站点（使用 Asp.NET Zero），其中一个页面有一个 iframe，它显示来自子域的网页（旧的 VB.NET WebForms 4.0 站点）：

<iframe [src]="pageUrl | safeUrl" style="height: 100%;" frameBorder="0">
    <p>Your browser does not support iframes</p>
</iframe>

通过pageUrl单击 Angular 应用程序中导航栏中的项目来更改变量。

这种架构在前 10-15 次点击时效果很好。之后，每次单击导航项都会下载请求的页面（网络选项卡显示 HTTP 200 和实际的 ASPX 响应），但 iframe 不会绘制内容。尽管已加载，但整个 iframe 内容仍保持白色。

我认为有几个症状很重要：

  1. 如果我单击而不移动鼠标，我会看到 Web 请求已完成并且页面保持白色，直到我移动鼠标并通过:hoverCSS 中的事件触发菜单项的重绘。如果我不移动鼠标，它可以保持白色一分钟。
  2. 当重绘发生时，网络选项卡中没有任何活动，并且肯定是由鼠标移动触发的。
  3. 即使我之前访问过并正确显示的 ASPX 页面也会出现这种“白页”效果。
  4. 如果我以某种方式将鼠标移动到 iframe 内而不触发重绘，则当我越过链接或其他cursor在 CSS 中具有不同的元素时，我可以看到鼠标光标发生变化。

对于这种行为，我的菜单、CSS 或 JS (Angular) 上没有任何自定义。

谷歌没有帮助并指出“白光”效应，我不相信这是我所拥有的。因此，即使它们不是完整的解决方案，任何建议都将受到赞赏。这个问题使我无法投入生产。

4

0 回答 0