javascript - 在页面加载时插入 DOM 元素，而不是之后

Question

我正在开发一个 chrome 扩展，它将一个 div 插入到 dom 的 body 元素中。现在我正在创建一个在加载时触发以创建元素的事件处理程序。这当然意味着页面加载完成，然后我的div被插入，这意味着用户看到没有div的页面，直到加载完成，然后div弹出。我希望 div 在页面加载时在那里。有没有办法在编写任何其他元素之前劫持 body 元素？或者我是否必须以某种方式隐藏内容，直到所有内容都加载完毕，这当然意味着用户会看到一段时间的空白屏幕。

如果可能的话，我想避免使用 jQuery。

Answer 1

我不是 100% 确定，但是查看 Chrome 扩展开发人员指南，看起来如果您使用的是内容脚本并将run_at扩展清单中的字段指定为document_start，那么它应该在构建 DOM 之前注入文件。