Chrome 扩展添加 iframe 并访问父 window 内容

Question

我将内容脚本中的 iframe 注入到页面中。 iframe 运行一个 angular 应用程序。我想从此 angular 脚本访问父 window 的内容。我该怎么做？

部分manifest.json

"content_scripts": [
    {
        "css": [
            "css/inject.css"
        ],
        "js": [
            "scripts/inject.js"
          ],
        "run_at": "document_end",
        "all_frames": false
    }
],
"web_accessible_resources": [
    "frame.html"
]

frame.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/angular-csp.css" type="screen">
        <title>name</title>
    </head>

  <body>
    <div class="popup" ng-app="popup" ng-csp>
        <div ui-view></div>
    </div>
    <script src="js/jquery/jquery.min.js"></script>
    <script src="js/angular/angular.min.js"></script>
  </body>
</html>

Answer 1

不能直接做；跨源限制适用。

相反，您需要将您的内容脚本发送到 manipulate/query 页面。

Chrome 扩展添加 iframe 并访问父 window 内容

Chrome extension add iframe and access parent window content

iframe

google-chrome-extension

angularjs