嘿，我来帮你排查下问题！看起来你遇到的是Chrome扩展开发里常见的几个小坑，咱们一步步来解决：

你提供的 manifest 里有个明显的语法结构问题——把content_scripts不小心写到browser_action节点里面了！这不仅会导致扩展配置失效，还可能引发脚本重复注入的问题。正确的结构应该是这样的：

{
  "manifest_version": 2, // 如果你用 Chrome 88+ 也可以用版本3，注意对应调整语法
  "name": "你的扩展名称",
  "version": "1.0",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "content_scripts": [
    {
      "matches": ["https://test.com/*"],
      "js": ["script.js"],
      "run_at": "document_end"
    }
  ]
}

页面加载就自动提交、点击重复提交，大概率是事件绑定的方式错了，加上可能的重复注入问题：

1. 错误的事件绑定导致页面加载即提交 #

如果你是这么写的事件绑定：

// ❌ 错误写法：直接调用了submit()，页面加载时就会执行
const btn = document.createElement('button');
btn.onclick = document.querySelector('#search-form').submit();

这里你不是把函数引用传给onclick，而是直接执行了.submit()方法，所以页面一加载就触发了表单提交。正确的写法应该是：

// ✅ 正确写法1：用箭头函数包裹
const btn = document.createElement('button');
btn.textContent = '提交搜索';
btn.onclick = () => {
  document.querySelector('#search-form').submit();
};

// ✅ 正确写法2：单独定义函数，传引用（不要加括号！）
function handleSubmit() {
  document.querySelector('#search-form').submit();
}
btn.onclick = handleSubmit;

2. 重复注入脚本导致多次绑定事件 #

如果manifest配置错误（比如之前的结构问题），或者页面动态更新时脚本被重复注入，会导致同一个按钮被绑定多次点击事件，点击一次就触发多次提交。可以加个全局标志位防止重复执行：

// 先检查是否已经注入过按钮，避免重复操作
if (window.hasInjectedSubmitBtn) return;
window.hasInjectedSubmitBtn = true;

// 下面再写创建按钮、绑定事件的代码

3. 可选：阻止按钮的默认行为（如果按钮在表单内） #

如果你的按钮被插入到搜索表单内部，浏览器可能会把它识别为默认提交按钮，引发额外的提交行为。可以在点击事件里阻止默认行为：

btn.onclick = (e) => {
  e.preventDefault(); // 阻止按钮的默认提交行为
  document.querySelector('#search-form').submit();
};

按照上面的步骤调整后，应该就能解决页面加载自动提交、重复提交的问题啦！

内容的提问来源于stack exchange，提问作者Display Name