首页 > 解决方案 > 在 Chrome 扩展脚本之间共享功能的最佳方式是什么?

问题描述

我在 background.js 中定义了一个在 background.js 中使用的函数。我还想在 options.html 的 options.js 中使用该函数,而不在那里重写它。我知道我可以做 chrome.extension.getViews() 来获取其他扩展脚本的全局对象。我还可以从 options.js 发送一条消息,并让 background.js 使用来自 options.js 的数据运行该函数。还有另一种方法吗?更重要的是,一个比另一个更受欢迎吗?

标签: javascriptgoogle-chrome-extension

解决方案


要在 background.js 和 options.js 文件中使用函数,您需要创建第三个文件以将函数抽象为(我将使用 helper.js 作为示例)。在函数被抽象后,您可以使用 export 语句,这将允许后台和选项脚本导入它。

助手.js:

export function reusableFunction () {
  // your code here
}

背景脚本:

import { reusableFunction } from './helper.js';

推荐阅读