chrome插件开发的问题！

Question

下图为插件源码，想要实现点击插件按钮就可以获取当前页面的特定元素并且在当前控制台打印结果。

运行插件时报错如下：

Answer 1

阿麥Mai 晚上好🌙🌙🌙
本答案参考ChatGPT-3.5

根据你提供的代码和报错信息，可以看出存在两个问题：

1. 在manifest.json文件中的background字段写错了，应该改成"background":{"service_worker":"background.js"}。
2. 在background.js文件中的代码存在一些语法错误，如console.Log应该改为console.log，还有括号和分号的问题。

下面是解决方案：

1. 修改manifest.json文件中的background字段，代码如下：

"background": {
  "service_worker": "background.js"
}

1. 修改background.js文件中的代码，代码如下：

console.log("background.js");

chrome.action.onClicked.addListener(function() {
  console.log('点击事件');

  chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
    chrome.scripting.executeScript({
      target: { tabId: tabs[0].id },
      function: () => {
        const e = document.getElementsByClassName('elx-cell c--tooltip');
        const re = e[104].textContent;
        // 执行您想要的操作，例如打印元素列表
        console.log(re);
      }
    });
  });
});

其中修改的地方有：

• console.Log改为console.log；
• 注册点击事件时的大括号和小括号；
• 添加点击事件中的chrome.scripting.executeScript方法，用于在当前活动标签页执行指定的脚本。

希望以上解决方案对你有帮助！