Chrome扩展popup按钮无法调用content script中main.js函数问题求助

核心问题 #

你当前只实现了popup侧发送消息的逻辑，但作为content script的main.js没有添加Chrome扩展消息监听器，无法接收popup发送的调用指令，因此无法触发对应函数。

1. 新增main.js消息监听逻辑 #

将以下代码添加到main.js末尾即可：

chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
  // 匹配popup发送的action字段调用对应函数
  if (request.startSearch) {
    ping(); // 可根据实际需求替换为要调用的函数
  }
  if (request.startDeals) {
    pong(); // 可根据实际需求替换为要调用的函数
  }
  // 第三个按钮的调用规则按照上述格式补充即可
});

2. 确认popup侧配置有效性 #

你在编辑2中做的修改符合要求：

• 移除冗余的chrome.tabs.executeScript注入逻辑是对的，因为你已经在manifest中声明了content_scripts，main.js会自动注入到符合匹配规则的页面
• popup加载时自动执行injectStartSearchScript()绑定按钮点击事件的逻辑没有问题，只需要确保popup.html中存在对应id的按钮元素（start-btn/deals-btn以及第三个按钮）即可，第三个按钮按照现有registerButtonAction的写法补充到setupButtons函数中即可。

排查验证注意事项 #

修改代码后需要先在扩展管理页面重新加载你的扩展，再刷新测试页面，避免旧缓存代码导致的不生效问题。
如果需要在页面未完全加载时就能触发函数调用，可以在manifest的content_scripts配置中添加"run_at": "document_start"字段。

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