在WebExtension中调用背景和内容脚本中的API密钥

Question

我有一个API密钥和我的扩展需要的机密，我将它们存储在自己格式化的文件中。

key.js

var APP_KEY = 'App Key Goes Here'; 
var APP_SEC = 'App Secret Goes Here'; 

的manifest.json

// manifest.json 
{ 
    "manifest_version": 2, 
    "name": "Trakt for IMDb", 
    "version": "0.1a", 
    "background": { 
     "scripts": [ 
       "js/key.js", 
       "js/background.js"] 
    }, 
    "content_scripts": [ 
     { 
      "js": [ 
       "js/key.js", 
       "js/main.js" 
      ] 
     } 
    ] 
} 

在弹出的页面我只能引用此文件中像<script type="text/javascript" src="../js/key.js"></script>并调用2个变量，但我不能工作了如何引用它，以便我的背景和内容脚本也可以访问它们。

我试图引用key.js文件在我manifest.json文件如下

"background": { 
    "scripts": [ 
     "js/key.js", 
     "js/background.js" 
    ] 
} 

但是，这并不工作。我发现了一个APP_KEY is not defined

main.js

console.log('Content: ' + APP_KEY); 

有没有办法去尝试做我在做什么？

Answer 1

这种工作方式您的愿望。一个JavaScript文件可以用于后台脚本和内容脚本，以共享相同的功能或变量。

在background键run in the same context中定义的所有脚本。因此，您的变量APP_KEY和APP_SEC（在key.js中定义）可用于background.js中的代码。

在manifest.json文件的content_scripts密钥中的单个js密钥中定义的所有脚本共享一个上下文。这就是允许你在代码中使用jQuery之类的东西。如果两个集合中的matches关键结果都加载到特定页面或选项卡上，我没有检查是否为单独的js列表创建了单独的上下文。另外，我还没有检查过是否在加载内容脚本的方法和其他加载内容脚本的方法（例如tabs.executeScript‌​()）之间共享单个上下文。

以下是已在Firefox和Google Chrome中测试过的完整扩展程序。在这两种浏览器中，key.js中定义的变量在后台脚本和内容脚本中均可用。

的manifest.json：

{ 
    "manifest_version": 2, 
    "name": "Variables in other files", 
    "description": "Test availability of variables from anther JavaScript file", 
    "version": "0.1", 
    "background": { 
     "scripts": [ 
       "js/key.js", 
       "js/background.js"] 
    }, 
    "content_scripts": [ 
     { 
      "matches": ["*://*.mozilla.org/*"], 
      "js": [ 
       "js/key.js", 
       "js/contentScript.js" 
      ] 
     } 
    ] 
} 

JS/key.js：

var APP_KEY = 'App Key Goes Here'; 
var APP_SEC = 'App Secret Goes Here'; 

JS/background.js：

console.log('Background: ' + APP_KEY); 
console.log('Background: ' + APP_SEC); 

js/contentScript。JS：

console.log('Content: ' + APP_KEY); 
console.log('Content: ' + APP_SEC); 

控制台在加载扩展输出：

Content: App Key Goes Here 
Content: App Secret Goes Here 

我不知道为什么，这不适合你，你在工作时：在导​​航到mozilla.org

Background: App Key Goes Here 
Background: App Secret Goes Here 

控制台输出最初尝试过。你在评论中表示它现在正在为你工作。