Chrome扩展：必须延迟页面加载，直到javascript完成

我的扩展重新格式化了我经常访问的丑陋页面。目前，页面首先加载不固定，然后延迟约100毫秒，然后my JS格式化html

如何防止未更正的html显示

我的JS文件在清单中定义如下：

,"content_scripts": [{
        "matches": ["*://*.<url goes here>.com/*"],
        "js": ["js/1.js"]
}]

，“内容脚本”：[{
“匹配项”：[“*：/*…com/*”]，
“js”：[“js/1.js”]
}]

您需要调整

默认情况下，内容脚本在页面完全加载后执行（在

“document\u idle”

）

首先尝试添加

“document\u end”

，看看它是否会改善延迟

在

“document\u end”

的情况下，文件在DOM完成后立即注入，但在加载子资源（如图像和帧）之前注入

这可能还是太晚了。最后还有一个选项，

“document\u start”

，您可以使用它，但请注意，它在任何DOM就绪之前执行得非常早。你还没有什么要纠正的

例如，您可以立即纠正它

您还可以尝试使用CSS注入来纠正问题。这可以安全地插入到

“document\u start”

，无需额外技巧

或者，例如，使用Gael的答案-添加CSS规则以隐藏正文，等待页面加载（例如，使用

DOMContentLoaded

事件），更正它，然后删除/覆盖CSS规则。

您需要调整

默认情况下，内容脚本在页面完全加载后执行（在

“document\u idle”

）

首先尝试添加

“document\u end”

，看看它是否会改善延迟

在

“document\u end”

的情况下，文件在DOM完成后立即注入，但在加载子资源（如图像和帧）之前注入

这可能还是太晚了。最后还有一个选项，

“document\u start”

，您可以使用它，但请注意，它在任何DOM就绪之前执行得非常早。你还没有什么要纠正的

例如，您可以立即纠正它

您还可以尝试使用CSS注入来纠正问题。这可以安全地插入到

“document\u start”

，无需额外技巧

或者，例如，使用Gael的答案-添加CSS规则以隐藏正文，等待页面加载（例如，使用

DOMContentLoaded

事件），更正它，然后删除/覆盖CSS规则。

您可以在清单中将run_设置为：“document_start”。添加隐藏页面的规则，并在window.onload事件中更改当前脚本

如果您经常访问此页面，甚至可以先加载模板/重新设计，然后从缓存或源中集成所需的页面数据

您可以在清单中将run\u设置为：“document\u start”。添加隐藏页面的规则，并在window.onload事件中更改当前脚本

---

如果您经常访问此页面，甚至可以先加载模板/重新设计，然后从缓存或源中集成所需的页面数据

隐藏页面、修改然后删除规则的想法非常好。隐藏页面、修改然后删除规则的想法非常好。

"content_scripts": [{
  "matches": ["*://*.example.com/*"],
  "js": ["js/1.js"],
  "run_at": "document_end"
}]