如何通过 chrome 扩展将模块脚本注入客户端的浏览器选项卡？

大佬教程收集整理的这篇文章主要介绍了如何通过 chrome 扩展将模块脚本注入客户端的浏览器选项卡？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何通过 chrome 扩展将模块脚本注入客户端的浏览器选项卡？？

开发过程中遇到如何通过 chrome 扩展将模块脚本注入客户端的浏览器选项卡？的问题如何解决？下面主要结合日常开发的经验，给出你关于如何通过 chrome 扩展将模块脚本注入客户端的浏览器选项卡？的解决方法建议，希望对你解决如何通过 chrome 扩展将模块脚本注入客户端的浏览器选项卡？有所启发或帮助；

我正在尝试将一个类似于“injection.Js”结构的模块注入到浏览器选项卡中，该选项卡具有类似于“extension.Js”结构的 Chrome 扩展。我正在使用清单 v3。

//injection.Js
export function f(){...}
export function g(){...}
export default function main(){
  f()
  g()
}

//extension.Js
import main from "./injection.Js";

...
Chrome.scripTing.executeScript({target: {tabID: tabs[0].ID},function:main });//tabs[0].ID is defined elsewhere
...

但是，我收到一个错误，因为 f 和 g 未定义，因为它实际上似乎只是注入 @H_64_5@main。如果我尝试注入整个文件 injection.Js，我会收到使用关键字 export 的错误，因为我无法指定我正在注入模块。

我知道我可以用一个包装函数来包装 injection.Js 中的所有 3 个函数来解决这个问题。但是，这使得对函数 f 和 g 运行测试变得困难，因为我无法将它们隔离以进行单元测试。

有没有办法将模块注入 Chrome 扩展的选项卡中？

（这是我的实际代码的简化版本。例如，我的实际代码返回值 f 和 g 相互交互。但为了突出问题，我只包含了必要的信息）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的如何通过 chrome 扩展将模块脚本注入客户端的浏览器选项卡？全部内容，希望文章能够帮你解决如何通过 chrome 扩展将模块脚本注入客户端的浏览器选项卡？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。