Skip to content

兼容、特性检测与平台测试:练习答案 ​

特性检测与渐进增强 ​

支持 IntersectionObserver 时图片的 data-strategy 是 observer,进入视口后才设置 src;不支持时立即设置 src 并标记为 eager。两条路径的业务结果都是图片可见,差异只在加载时机。若删掉支持分支的 load(),回归测试应发现图片永远没有 src。

Polyfill、降级与 Baseline ​

先检测缺失 API,再加载对应 polyfill;polyfill 加载失败时保留基础交互并显示降级提示。Baseline 只能说明目标浏览器集合中的支持情况,不能代替运行时检测,也不能把 User-Agent 名称当作能力证明。

浏览器自动化与真实边界 ​

自动化测试可以断言 DOM、键盘事件、网络响应和控制台错误;它不能单独证明真实屏幕阅读器朗读、GPU 合成或所有移动端权限策略。答案应标出模拟环境与真实浏览器矩阵各自覆盖的边界。

DevTools 证据链 ​

一次可复现记录至少包含浏览器版本、视口、输入步骤、控制台/网络/性能证据和预期结果。修复后重新执行相同步骤;如果只看到错误消失而没有验证业务结果,不能写成回归已通过。

用心记录每一步成长