javascript - 在 Chrome 扩展中使用 AngularJS

Question

我想在 Chrome 扩展中使用 AngularJS，但出现如下错误:

Error: SECURITY_ERR: DOM Exception 18
Error: An attempt was made to break through the security policy of the user agent.
    at new listConnection

list .json :

 {
  "name": "Chrome auditor connection",
  "version": "1",
  "icons": { "48": "icone.png",
            "128": "icone.png" },
  "description": "Chrome-auditor-connection is an extension for Google Chrome browser. It ensures that nobody connects to your browser with your profile.",
  "background": {
    "scripts": [
      "chrome_ex_oauthsimple.js",
      "chrome_ex_oauth.js",
      "background.js"
    ]
  },
  "browser_action": {
    "default_title": "Chrome auditor connection",
    "default_icon": "icone.png",
    "default_popup": "index.html"
  },
  "permissions": [
    "storage"
  ],
  "web_accessible_resources": ["index.html"],
  "sandbox": {
     "pages": ["index.html","index.js","angular.min.js"]
  },
  "manifest_version": 2
}

index.js :

function listConnection( $scope) {      
    $scope.connections = JSON.parse(localStorage['connectionHistory']);
}

我认为 JSON.parse() 被 Chrome“内容安全策略”(CSP) 阻止了。

有什么解决办法吗？

Answer 1

您的 index.js 已按照 manifest.json 文件中的定义进行沙盒处理。
“sandboxed 页面将无法访问扩展程序或应用程序 API”
所以它不能访问本地存储。
删除沙箱或使用类似 https://github.com/jamesmortensen/chrome-sandbox-storageAPI 的东西对于沙盒页面。