Google chrome extension 如何在加载网页之前运行内容脚本？

我想更改一些dom内容，以便在用户可以看到某个网页之前，所有输入字段的值都是该网页的

“

。我该如何做？有办法吗？

---

谢谢。

您需要在上运行的内容脚本，以及以下两种方法之一：

MutationObserver（），但它会降低页面加载速度：

添加CSS样式替代以使输入文本透明，并在加载页面时清除元素并删除样式：

manifest.json：

“内容脚本”：[{
“匹配项”：[“”]，
“运行时间”：“文档开始时间”，
“所有框架”：正确，
“js”：[“content.js”]
}],

content.js：

//文档现在为空，因此我们只添加样式
var style=document.documentElement.appendChild（document.createElement（'style'）；
style.textContent='input{color:transparent！important；}'；
//一旦DOM准备好，清除输入
document.addEventListener（'DOMContentLoaded'，function（）{
var inputs=document.getElementsByTagName（'input'）；
对于（var i=inputs.length；--i>=0；）{
var输入=输入[i]；
if（输入值）{
input.value=''；
}
}
style.remove（）；
});

---

@wOxxOm我只想在用户看到之前将输入字段设为空？我使用这个

$（'input[type=“text”]”）。val（“”）在内容脚本中。当网页在一段时间（毫秒）后完全加载时，内容脚本将运行并使输入字段为空，但在加载之前我需要它，以便用户无法看到保存的内容。