WXT浏览器插件开发中文教程(21)----动态执行脚本

前言

大家好，我是倔强青铜三 。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！

动态执行脚本 ​

Chrome Docs • Firefox Docs

请参阅上述浏览器文档，了解该 API 的基本工作原理。

执行脚本并返回值 ​

使用 browser.scripting.executeScript 时，您可以执行内容脚本或未列出的脚本。要返回一个值，只需从脚本的 main 函数中返回一个值即可。

// entrypoints/background.ts
const res = await browser.scripting.executeScript({
  target: { tabId },
  files: ['content-scripts/example.js'],
});
console.log(res); // "Hello John!"

// entrypoints/example.content.ts
export default defineContentScript({
  registration: 'runtime',
  main(ctx) {
    console.log('Script was executed!');
    return 'Hello John!';
  },
});

最后感谢阅读！欢迎关注我，微信公众号 ：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！