javascript - 从动态添加的脚本向父 chrome 扩展发送消息

Question

我有通过此代码动态添加到 youtube 页面的 Script.js 文件：

   var s = document.createElement('script');
    s.src = chrome.extension.getURL('Script.js');
    (document.head || document.documentElement).appendChild(s);
    s.onload = function () {
        s.parentNode.removeChild(s);
    };

我有两个问题：
1-如何将消息从插入的文件发送到父 chrome 扩展。
2-我如何从插入的文件中发出跨域请求..它在控制台中显示错误消息

Origin http://www.youtube.com is not allowed by Access-Control-Allow-Origin.

Answer 1

1. 使用postMessage或自定义事件（示例 1、参考 2、示例 3）。
2. 将权限添加到清单后，您可以从内容脚本发起跨站点请求。使用步骤 1 中的一种方法从网页调用 Content 脚本。确保您只请求必要的权限（例如*://*/*，如果您不需要访问所有 URL，则不需要）并验证所有输入（这样恶意页面就不会滥用您的扩展程序）。