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

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

相关推荐
Senar4 分钟前
如何判断浏览器是否开启硬件加速
前端·javascript·数据可视化
HtwHUAT28 分钟前
实验四 Java图形界面与事件处理
开发语言·前端·python
利刃之灵29 分钟前
01-初识前端
前端
codingandsleeping34 分钟前
一个简易版无缝轮播图的实现思路
前端·javascript·css
天天扭码37 分钟前
一分钟解决 | 高频面试算法题——最大子数组之和
前端·算法·面试
全宝1 小时前
🌏【cesium系列】01.vue3+vite集成Cesium
前端·gis·cesium
拉不动的猪2 小时前
简单回顾下插槽透传
前端·javascript·面试
烛阴2 小时前
Fragment Shader--一行代码让屏幕瞬间变黄
前端·webgl
爱吃鱼的锅包肉2 小时前
Flutter路由模块化管理方案
前端·javascript·flutter
风清扬雨2 小时前
Vue3具名插槽用法全解——从零到一的详细指南
前端·javascript·vue.js