Question

当用户单击扩展图标时，它将在新选项卡中打开一个沙盒新页面。我要从该页面访问存储中的数据。在官方文档中找不到任何有用的信息，请赐教。

manifest.json

{
    "name": "Getting Started Example",
    "version": "1.0",
    "description": "Build an Extension!",
    "manifest_version": 2,
    "background": {
      "scripts": [
        "background.js"
      ],
      "persistent": true
    },
    "browser_action": {
      "default_icon": "icon.png",
      "default_title": "My extension"
    },
    "permissions": ["activeTab", "tabs", "storage", "<all_urls>"],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
    "sandbox": {
      "pages": ["newtab.html"]
    }
  }

background.js

chrome.browserAction.onClicked.addListener(function(tab){
    chrome.tabs.create({
        url: chrome.extension.getURL("newtab.html"),
    })
});

newtab.html

<html>
  <head>
    <script src="vue.js"></script>
    <script type="text/javascript" src="app.js"></script>
  </head>
  <body>
  </body
</html>

app.js

window.addEventListener('load', function () {
  // access data from storage
})

我使用沙箱页面的原因是因为我使用的Vue.js需要使用eval。

Chrome扩展程序-沙盒页面如何访问存储中的数据？

0 个答案: