Edge 18及更早版本不支持IntersectionObserver，需运行时检测并降级；Chromium Edge 79–83对ResizeObserver支持不全；Edge 18的fetch不支持credentials和AbortController；CSS Grid/subgrid存在显著版本断层；应坚持运行时检测+最小降级。
Edge 18 及更早版本不支持 IntersectionObserver
如果你在 Edge（特别是旧版 EdgeHTML 内核，如 Edge 18 或更早）里发现懒加载、滚动触发动画或无限下拉完全没反应，大概率是 IntersectionObserver 直接报 undefined 或抛出 ReferenceError: IntersectionObserver is not defined。这不是你代码写错了，是浏览器原生就不支持。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 必须做存在性检测，不能直接 new：
if ('IntersectionObserver' in window) { ... } - 不推荐用
caniuse数据“凭经验跳过”——很多企业内网仍强制使用 Edge 17/18，检测比猜靠谱 - 轻量级回退方案优先选
getBoundingClientRect()+scroll事件监听，别一上来就集成intersection-observerpolyfill（它在 Edge 17 下有兼容 bug，会静默失败） - 如果必须用 polyfill，选
intersection-observer@0.12.2（最后稳定支持 EdgeHTML 的版本），且要在里同步加载，异步加载可能错过首屏判断
Edge 79+（Chromium 内核）对 ResizeObserver 的初始支持不完整
Chromium Edge（79 起）虽支持 ResizeObserver，但早期版本（79–83）对 SVG 元素、display: none 元素或 document fragment 中的节点监听会静默失效，控制台无报错，回调就是不触发。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 检查目标元素是否已挂载到 DOM 且
offsetParent !== null，ResizeObserver在 Edge 81 下对未渲染元素完全不响应 - 避免监听
<svg></svg>或其子元素——改用SVGElement.getBoundingClientRect()+requestAnimationFrame轮询（开销可控） - 若监听容器宽高变化，优先用 CSS
@container（Edge 110+ 支持）+container-queryJS 库替代，比硬扛ResizeObserver更稳
fetch() 在 Edge 18 及以下默认不带 Credentials，且不支持 AbortController
Edge 18 的 fetch() 实现是半成品：既不会自动携带 cookie（即使设了 credentials: 'include'），又不识别 signal 参数，调用时直接报 TypeError: Failed to execute 'fetch': member signal is not of type AbortSignal。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 所有
fetch()请求必须包裹兼容逻辑：if (!('signal' in AbortController.prototype)) { /* 降级为 xhr */ } -
credentials行为不可信，旧 Edge 下必须手动读取document.cookie并拼进headers，或统一走XMLHttpRequest发请求 - 别依赖
fetch().then().catch()捕获网络错误——Edge 18 对 DNS 失败、跨域拒绝等返回空Promise，需加setTimeout超时兜底
CSS grid 和 subgrid 在 Edge 版本间的断层明显
EdgeHTML（≤18）只支持旧版 CSS Grid（2016 规范），不识别 gap、place-items 等简写；而 Chromium Edge 105+ 才开始支持 subgrid，中间长达两年空白期（Edge 79–104）连 subgrid 都不解析，更别说渲染。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用
@supports (display: grid)区分基础 Grid，再用@supports (grid-template-rows: subgrid)单独切出subgrid样式块，避免整段 CSS 被旧引擎丢弃 -
gap必须回退为margin（配合:not(:last-child)控制），别指望grid-gap别名能救场——Edge 17 已废弃该属性 - 涉及复杂布局嵌套时，宁可用 Flexbox + JS 计算尺寸，也别在旧 Edge 上强推 Grid 布局，重绘抖动和计算错误概率极高
Edge 的“兼容性”从来不是非黑即白的问题——同一特性在 EdgeHTML 和 Chromium Edge 里的行为可能截然相反，甚至同是 Chromium Edge，83 和 110 对同一个 API 的处理都差着一层抽象。最稳妥的做法，永远是运行时检测 + 最小粒度降级，而不是靠一份 caniuse 数据写死逻辑。
