javascript - 使用扩展程序的 init 将 CSS 文件添加到页面

Question

我正在阅读本教程

这就是 CSS 文件的加载方式：

var linkTargetFinder = function () {
    return {
        init : function () {
            gBrowser.addEventListener("load", function () {     
                // ...
                }
            }, false);
        },

        run : function () {

            var head = content.document.getElementsByTagName("head")[0],
            style = content.document.getElementById("link-target-finder-style")

            if (!style) {
                style = content.document.createElement("link");
                style.id = "link-target-finder-style";
                style.type = "text/css";
                style.rel = "stylesheet";
                style.href = "chrome://linktargetfinder/skin/skin.css";
                head.appendChild(style);
            }
            // ...
        }
    };
}();
window.addEventListener("load", linkTargetFinder.init, false);

我不明白为什么不能将 CSS 文件注入到页面中init：

var linkTargetFinder = function () {
    return {
        init : function () {
            gBrowser.addEventListener("load", function () {
                var head = content.document.getElementsByTagName("head")[0]

                style = content.document.createElement("link");
                style.id = "link-target-finder-style";
                style.type = "text/css";
                style.rel = "stylesheet";
                style.href = "chrome://linktargetfinder/skin/skin.css";
                head.appendChild(style);

                // ...
                }
            }, false);
        },

        run : function () {
            // ...
        }
    };
}();
window.addEventListener("load", linkTargetFinder.init, false);

样式在这种情况下不起作用。
为什么不能放进去init？

Answer 1

看起来很合理，但对于gBrowser事件使用DOMContentLoaded不是load。