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!';
  },
});

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

相关推荐
前端 贾公子14 分钟前
《Vuejs设计与实现》第 18 章(同构渲染)(下)
前端·javascript·html
qq_4026056526 分钟前
python爬虫(二) ---- JS动态渲染数据抓取
javascript·爬虫·python
U.2 SSD1 小时前
ECharts 日历坐标示例
前端·javascript·echarts
2301_772093561 小时前
tuchuang_myfiles&&share文件列表_共享文件
大数据·前端·javascript·数据库·redis·分布式·缓存
Never_Satisfied1 小时前
在JavaScript / HTML中,词内断行
开发语言·javascript·html
IT_陈寒1 小时前
Java并发编程避坑指南:7个常见陷阱与性能提升30%的解决方案
前端·人工智能·后端
追逐时光者2 小时前
找 Vue 后台管理系统模板看这个网站就够了!!!
vue.js
HBR666_2 小时前
AI编辑器(FIM补全,AI扩写)简介
前端·ai·编辑器·fim·tiptap
excel2 小时前
一文读懂 Vue 组件间通信机制(含 Vue2 / Vue3 区别)
前端·javascript·vue.js
JarvanMo2 小时前
Flutter 应用生命周期:使用 AppLifecycleListener 阻止应用崩溃
前端