IE11 + Angular 1.5.11上的奇怪渲染行为 [英] Weird rendering behavior on IE11 + Angular 1.5.11

问题描述

我们当前正在开发Angular版本1.5.11中的应用程序.现在它已经变得很大(数百个控制器等)，我们偶然发现了Internet Explorer 11中的一个问题:

We're currently developing an application in Angular version 1.5.11. It has become quite big now (hundreds of controllers etc.), and we stumbled upon an issue in Internet Explorer 11:

一段时间(有时是几分钟，有时是几个小时)之后，页面开始出现毛刺-字母逐渐褪色/消失/改变颜色.它还会影响在同一窗口中打开的其他选项卡(Excel Online的屏幕截图具有相同的问题).另外，控制台中没有错误.

After some time (sometimes few minutes, sometimes few hours) the page starts to have rendering glitches - the letters are fading/disappearing/changing color. It also affects other tabs opened in the same window (screenshot from the Excel Online having the same issue). Also, there are no errors in console.

有人遇到类似问题吗?另外，由于客户的要求，仅使用普通浏览器"也不可行.

Did anyone come across similar issue? Also, "just using a normal browser" is not a viable option due to client's requirements.

重新启动浏览器会有所帮助，但这比实际的解决方案更能解决问题.

Restarting the browser helps, but it's more of a workaround than an actual solution.

应用程序"选项卡(它也显示在页面的每个元素上，并根据可见性进行裁剪):

Application tab (it appears on every element of the page as well, cropped for visibiltity):

在同一浏览器上的"Excel Online"选项卡:

Excel Online tab on the same browser:

推荐答案

我怀疑此问题可能与浏览器内存泄漏有关(考虑到其他选项卡也受到影响).

I suspect that this issue might be around the browser memory leak (considering that other tabs are also getting affected).

我们只有在Angular 1.3的IE浏览器中才遇到内存泄漏的问题(不是确切的问题).

We had issues around memory leaks only in IE browser with Angular 1.3 (not the exact issue).

虽然此链接可能会帮助您进一步调查中，我将提到如何使用IE的内存分析工具来帮助自己. 可以在IE 11开发选项卡中找到此内存分析工具.

While this link might help you with further investigation, I'll mention how I used IE's memory profiling tool to help myself. This memory profiling tool can be found in IE 11 dev tab.

1. 单击开始分析".
2. 在不对应用程序执行任何操作的情况下获取Web应用程序的堆快照.
3. 执行一些操作，然后再次拍摄堆快照.
4. 返回主页，查看分配给您的某些内存是否已释放.

每个堆快照还可以更深入地了解分配的对象以及每个对象消耗的内存.

Each heap snapshot also provides a deeper look into the objects allocated and how much memory each object is consuming.

我附上快照以供参考.

这篇关于IE11 + Angular 1.5.11上的奇怪渲染行为的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！