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

前言

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

动态执行脚本

Chrome DocsFirefox Docs

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

执行脚本并返回值

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

ts 复制代码
// entrypoints/background.ts
const res = await browser.scripting.executeScript({
  target: { tabId },
  files: ['content-scripts/example.js'],
});
console.log(res); // "Hello John!"
ts 复制代码
// entrypoints/example.content.ts
export default defineContentScript({
  registration: 'runtime',
  main(ctx) {
    console.log('Script was executed!');
    return 'Hello John!';
  },
});

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

相关推荐
指针满天飞8 分钟前
同步、异步、Promise、then、async/await
前端·javascript·vue.js
Alang13 分钟前
记一次错误使用 useEffect 导致电脑差点“报废”
前端·react.js
牛奶31 分钟前
前端学AI:LangGraph学习-基础概念
前端·langchain·ai编程
welkin35 分钟前
算法区间合并问题
前端·算法
Mintopia42 分钟前
Three.js高效几何体创建指南:BufferGeometry深度解析
前端·javascript·three.js
ak啊1 小时前
Webpack Loader 执行机制
前端·webpack·源码
牛马喜喜1 小时前
如何从零实现一个todo list(1)
前端
牛马喜喜1 小时前
Vue编写一个自己的树形组件
前端
Mintopia1 小时前
vue3 element-plus 二次封装Drawer抽屉,关闭时添加二次对话,开箱即用
前端·javascript·vue.js
stanny1 小时前
Terminal里的ChatGPT:用80行代码实现带记忆的智能对话流
javascript