link标签加crossorigin="anonymous"仅对两类场景有效：一是rel="stylesheet"且需JS读取cssRules；二是rel="preload"且as="font"并配合integrity校验；其余如icon、manifest等均被浏览器忽略。
link 标签加 crossorigin="anonymous" 不是“让跨域资源能加载”，而是告诉浏览器：“请用无凭据 CORS 模式加载这个资源”——但只对两类场景真正起作用，其他情况加了也白加。
哪些 link 场景下 crossorigin="anonymous" 才有效
只有两个明确用途，其余全是无效配置：
-
<link rel="stylesheet" href="https://cdn.com/style.css" crossorigin="anonymous">：仅当你后续用 JS 读取document.styleSheets[0].cssRules时必需；否则样式照常渲染，加不加没区别 -
<link rel="preload" as="font" href="https://cdn.com/font.woff2" crossorigin="anonymous">：仅当字体托管在跨域 CDN 上，且你同时用了integrity属性做 SRI 校验时才需要；纯展示字体（比如@font-face引用）不依赖它
其他所有 link 类型加了都无效：rel="icon"、rel="manifest"、rel="prefetch"、rel="modulepreload" —— 浏览器直接忽略该属性，既不发 CORS 请求，也不报错。
crossorigin="anonymous" 不解决错误堆栈丢失问题
很多人误以为给 link 加这个属性能帮 window.onerror 捕获 CSS 加载失败的详细错误，其实不能。CSS 加载失败本身不触发 error 事件，更不会暴露堆栈。真正影响错误收集的是 script 标签和动态 import 的 chunk：
立即学习“前端免费学习笔记（深入）”；
- 静态 JS 必须写
<script src="https://cdn.com/app.js" crossorigin="anonymous"></script> - Webpack 项目必须配
output.crossOriginLoading: 'anonymous'，否则import('./chunk.js')加载的脚本请求头里没有Origin，服务端不返回Access-Control-Allow-Origin，错误永远是Script error.
常见误写和失效原因
即使写对了标签和 rel 类型，也容易因细节失效：
- 写成
crossorigin=""或crossorigin="true"：浏览器可能按anonymous解析，但语义不清，部分 CDN 会忽略空值 - 拼写错误：如
crossOrigin（驼峰）、cors、crossorgin→ 属性无效，等同于没加 - 服务端没返回匹配的响应头：前端加了
crossorigin="anonymous"，只是让浏览器发带Origin头的请求；若服务端响应里没有Access-Control-Allow-Origin: *或精确源，请求在加载阶段就被拦截，Network 面板里看不到响应体 - CDN 缓存或路径参数干扰：比如
style.css?v=2.1和style.css的 CORS 配置可能不同，得逐个检查实际响应头
最容易被忽略的一点：你改了 HTML 里的 link，但真正决定能否读取 CSSOM 或校验字体的，是那个 CSS/字体文件本身的响应头——不是 HTML 页面的响应头，也不是 CDN 域名根路径的配置，而是资源 URL 对应的 HTTP 响应。
