关于微软 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:

相关文章
|
1月前
|
JavaScript 前端开发 架构师
Angular进阶:理解RxJS在Angular应用中的高效运用
RxJS(Reactive Extensions for JavaScript)是JavaScript的一个响应式编程库,特别适用于处理异步数据流。
32 0
|
3天前
|
Web App开发 存储 安全
探索微软Edge:新时代的浏览器先锋
探索微软Edge:新时代的浏览器先锋
10 3
|
1天前
|
JavaScript 前端开发
WebView2 控件(基于 Microsoft Edge (Chromium) 的嵌入式浏览器控件),获取网页加载后的标题
在使用 WebView2 控件(基于 Microsoft Edge (Chromium) 的嵌入式浏览器控件)时,要获取网页加载后的标题,可以监听 WebView2 的 NavigationCompleted 事件。这个事件被触发时,表示导航已完成,此时执行JavaScript代码可以安全地获取网页的标题。
WebView2 控件(基于 Microsoft Edge (Chromium) 的嵌入式浏览器控件),获取网页加载后的标题
|
15天前
win10取消ie浏览器自动跳转edge浏览器
win10取消ie浏览器自动跳转edge浏览器
|
30天前
|
前端开发 JavaScript 测试技术
使用Angular构建高效单页应用的实践指南
【5月更文挑战第21天】本文是使用Angular构建高效单页应用的实践指南,涵盖了Angular框架简介、SPA构建步骤和最佳实践。首先,Angular是基于TypeScript的前端框架,提供声明式模板、组件化和路由管理等功能。构建SPA包括环境搭建、创建组件、编写路由、数据绑定和交互,以及构建和部署。实践中,应遵循Angular风格指南,使用Angular Material UI库,实现服务端渲染,并进行性能优化和测试,以提升应用性能和用户体验。
|
1月前
|
资源调度 JavaScript 编译器
显式指定 npm 作为创建 Angular 应用时的包管理器
显式指定 npm 作为创建 Angular 应用时的包管理器
42 1
Edge浏览器控制台(F12)中网络不显示接口信息
Edge浏览器控制台(F12)中网络不显示接口信息
|
1月前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
115 1
|
1月前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
51 0
|
1月前
|
JavaScript 前端开发 算法
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同?
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同?