<script>标签如何促使MutationObserver在声明式Shadow DOM中提前运行？

这个WPT测试的核心是验证声明式Shadow DOM场景下，能否在shadow root闭合标签前通过innerHTML替换其内容。而那个空<script></script>标签的作用，是强制浏览器提前触发MutationObserver的回调，具体原理如下：

• MutationObserver的回调并非同步触发：浏览器会把DOM变更事件暂时攒起来，等到微任务队列的执行时机才批量触发回调，不会每添加一个节点就立刻跑一次回调。
• HTML解析器的“暂停点”：解析器处理普通元素时会连续构建DOM，不会中途触发微任务。但遇到<script>标签时，不管标签里有没有代码，解析器都会暂停DOM构建流程：先处理完当前已积累的DOM变更，清空微任务队列，再继续解析后续内容。
• 回到测试场景：
  • 如果没有这个空script，浏览器会把<template shadowroot>里的所有内容（包括那个待替换的span）一次性构建完成并挂载到shadow root上，MutationObserver的回调要等到整个shadow root初始化完毕才会触发，这时候修改innerHTML就不符合测试要求的“在shadow root闭合标签前”的时机。
  • 加了空script后，解析器处理到这个标签时会暂停，此时之前积累的“shadow root添加了<span id=toreplace>”的变更事件会触发Observer回调，让innerHTML替换操作提前执行——刚好发生在shadow root闭合标签之前，完美匹配测试的预期场景。

内容的提问来源于stack exchange，提问作者TwistedOwl