如何从内容脚本调用注入的 javascript 函数答案

【问题标题】：How to call injected javascript function from Content scripts如何从内容脚本调用注入的 javascript 函数
【发布时间】：2019-03-15 00:45:47
【问题描述】：

test.js

doSomething(){
   console.log('Call the function of embadded js file function');
}

我有一个 test.js 文件，已注入到网页中，例如

var scriptDom = document.createElement('script');
const url = chrome.runtime.getURL('test.js');
scriptDom['src'] = url;
document.getElementsByTagName("BODY")[0].appendChild(scriptDom);

现在我想从内容脚本中调用doSomething()方法可以调用注入的javascript从内容脚本中调用

【问题讨论】：

不，内容脚本在孤立的世界中运行。您可以添加另一个脚本元素来运行第一个公开的函数或通过 CustomEvent 使用 DOM 消息传递。见Insert code into the page context using a content script

标签： javascript google-chrome-extension google-chrome-devtools

【解决方案1】：

W 行给出的answer 帮助我解决问题

在test.js（网页）文件中添加了事件监听器

window.addEventListener("event_name", function(e){ 
     console.log('event recived in embadded js file')
});

从内容脚本我触发事件到

 window.dispatchEvent(new CustomEvent('event_name', {
            'detail': {
                'message': 'some data',
            }
}));

【讨论】：