☰

监听DOM完成事件

HTML → [解析中] → 构建 DOM → DOMContentLoaded → 加载资源（CSS/JS/IMG） → load → document-idle

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name          监听DOM完成事件
// @namespace     https://example.com/
// @description   HTML → [解析中] → 构建 DOM → DOMContentLoaded → 加载资源（CSS/JS/IMG） → load → document-idle
// @match         *://*/*
// @version       1.0.0
// @run-at        document-start
// @license       MIT
// ==/UserScript==


(function inject() {
    const FLAG_KEY = "__hasPostedDomReady";
    function domReady() {
        if (window[FLAG_KEY]) return;
        window[FLAG_KEY] = true;
        window.webkit?.messageHandlers?.domReady?.postMessage(location.href);
    }

    if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", domReady);
    } else {
        domReady();
    }
})();