检查窗口 dom 是否正在解析

Question

所以SDK有这个检查窗口是否正在加载的功能，代码如下。

我的问题是如果发生了 innerHTML 或 appendChild 或改变 html 的东西怎么办？这会带回 loadContext 吗？我想知道窗口中的DOM是完全解析完成还是正在解析中，这种方法可以吗？

编辑：实际上这是查看文档是否加载的代码：

const isInteractive = window =>
  window.document.readyState === "interactive" ||
  isDocumentLoaded(window) ||
  // XUL documents stays '"uninitialized"' until it's `readyState` becomes
  // `"complete"`.
  isXULDocumentWindow(window) && window.document.readyState === "interactive";
exports.isInteractive = isInteractive;

const isXULDocumentWindow = ({document}) =>
  document.documentElement &&
  document.documentElement.namespaceURI === XUL_NS;

/**
* Check if the given window is completely loaded.
* i.e. if its "load" event has already been fired and all possible DOM content
* is done loading (the whole DOM document, images content, ...)
* @params {nsIDOMWindow} window
*/
function isDocumentLoaded(window) {
  return window.document.readyState == "complete";
}
exports.isDocumentLoaded = isDocumentLoaded;

但是当解析innerHTML 时，readyState 会进入交互状态吗？我想知道页面何时完全呈现。

Answer 1

动态 HTML 更改不会影响document.readyState property，它是单向街道。解析文档时的值为"loading"，解析完成后的值为"interactive"，只有图像之类的内容需要加载（DOMContentLoaded 触发事件），所有完成后的值为"complete"（load 触发事件） .之后就不再变化了。