关于微软 Edge 浏览器的 Tracking Prevention 特性在 Angular 应用中的影响

本文介绍笔者在工作过程中帮助客户解决的一个关于微软 Edge 浏览器的 Tracking Prevention 特性在 Angular 应用中的影响的问题。

Microsoft Edge 中的跟踪预防功能(Tracking Prevention)通过限制跟踪器访问基于浏览器的存储以及网络的能力来保护用户免受在线跟踪。

跟踪预防功能旨在维护 Microsoft Edge 浏览器隐私承诺，同时还确保默认情况下不会影响网站兼容性或网络的经济可行性。

Edge 提供了几种不同 Level 的 Tracking Prevention 设置，可以通过 url edge://settings/privacy 设置：

1. Basic(基本) - 限制最少的跟踪预防级别，专为喜欢个性化广告且不介意在网络上被跟踪的用户设计。 Basic 仅保护用户免受指纹识别器和加密矿工等恶意跟踪器的侵害。

2. 平衡(默认)- 为希望看到较少个性化广告同时将浏览 Web 时出现兼容性问题的风险降至最低的用户设计的默认跟踪预防级别。 Balanced 旨在阻止来自用户从未参与过的网站的跟踪器。

3. 严格: 最严格的跟踪预防级别，专为可以交易网站兼容性以获得最大隐私的用户而设计。广泛应用于电商网站。

Microsoft Edge 中的跟踪预防功能由三个主要组件组成，它们共同确定网站中的特定资源是否应归类为跟踪器并被阻止。 组件如下：

1. 分类(Classification) - Microsoft Edge 确定 URL 是否属于跟踪器的方式。

2. 强制(Enforcement) - 为保护 Microsoft Edge 用户免受归类为跟踪器的 URL 的影响而采取的措施。

3. 缓解措施(Mitigations) - 提供的机制可确保用户指定的喜爱网站仍然有效，同时提供强大的默认保护。

我们观察一下同样的电商网站，在 Edge 不同的 Tracking Prevention 特性设置下，表现行为有何不同。

在 Strict 模式下，无法访问 Storefront 应用：遇到错误消息 net::ERR_BLOCKED_BY_CLIENT

在 Balanced 模式下，可以正常访问 Website：