标签： MutationObserver
-
A Tour of Go 的广告优化在方案 B 与 103 页 Prerender 上线后，又进入了一轮真正的生产稳定性收尾。本文按时间线记录了从方案 A 因复杂 DOM 监听与操作而出现难以稳定复现的问题，到方案 B 改用 Angular course view 生命周期管理广告，再到 Prerender、Angular、CodeMirror 交接过程中出现短暂源码空白，以及真实 AdSense 写入 height: auto !important、min-height: 0px !important 导致课程高度塌缩和 footer 提前进入第一屏的完整过程。最终没有恢复复杂的方案 A，而是仅将其中已经验证有效的局部 layout protection 接回方案 B，并通过浏览器回归测试和真实广告展示完成最终验收。
-
在决定保留 A Tour of Go 原有 SPA 架构之后，广告问题从“要不要整页刷新”转变成了“广告应该放在哪里、又该如何跟随 SPA 页面生命周期”。本文记录了从 AdSense Preview 识别 footer 下方候选广告位，到方案 A 使用 MutationObserver 跟踪 DOM 变化，再到方案 B 将广告直接绑定 Angular route-owned course view 生命周期的完整演进。最终通过 mount() / $destroy / unmount() 管理每一页独立广告节点，并保留 Auto Ads 继续服务其他已正常运行的站点和域名。