为什么我的 Angular 9 排序例程在使用 Google Chrome (Ch131) 浏览器时效果很好，但在使用 MS Edge (Ch131) 时效果不佳（获取等待消息）？

Question

我仍在使用 Windows 10 - 由于特定处理器/芯片版本与 Windows 11 不兼容，无法在笔记本电脑上升级到 Windows 11。我已安装所有 Windows 10 更新。 我已完成设置并将我的 MS Edge 安装修复/修改为最新版本，所以一切都应该很好。

我的组件代码是：

 columnSort(colName: string): void {
   if (this.sortedAsc) {   // sorts in ascending order
     this.sortedAsc = false;
     this.members =
       this.members.sort((m1, m2) => {
         return m1[colName].toLowerCase() < m2[colName].toLowerCase() ? -1 :
           (m1[colName].toLowerCase() > m2[colName].toLowerCase() ? 1 : 0);
       });
   } else {  // sorts in descending order
     this.sortedAsc = true;
     this.members =
       this.members.sort((m1, m2) => {
         return m1[colName].toLowerCase() > m2[colName].toLowerCase() ? -1 :
           (m1[colName].toLowerCase() < m2[colName].toLowerCase() ? 1 : 0);
       });
}

}

HTML 模板代码：

  <th class="freezecol3 fixed-header" (click)="columnSort('last_Name')">Last Name &uarr;&darr;</th>
  <th class="freezecol4 fixed-header" (click)="columnSort('first_Name')">First Name &uarr;&darr;</th>

Edge 和 Chrome 中的 F12 开发人员工具显示请求标头，例如：

  sec-ch-ua: "Microsoft Edge";v="131", "Chromium";v="131", "Not_A Brand";v="24"
  sec-ch-ua-mobile: ?0
  sec-ch-ua-platform: "Windows"
  sec-fetch-dest: empty
  sec-fetch-mode: cors
  sec-fetch-site: same-origin
  user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0

单击列进行排序时，Edge 浏览器会收到“此页面没有响应”消息（10 到 15 秒后）。 当我单击“等待”时，MS Edge 中的排序大约需要 30 秒。 在 Chrome 和 Safari 中，没有错误情况，并且排序在 2 到 3 秒内完成。

Answer 1

如果您在 Microsoft Edge 上安装了扩展，您可以尝试禁用它们进行测试。有时扩展可能会导致挂起问题。

此外，您还可以尝试在 edge://settings/system 处切换名为“可用时使用图形加速”的特定设置，这与 Edge 性能有关。