如何从chrome扩展名调用页面的javascript函数?

时间:2016-11-12 08:12:02

标签: javascript google-chrome-extension

我想从Chrome扩展程序中调用此js fuctnion MC.showLevelUp(100,94,95)

我没有使用Chrome扩展程序的经验,所以我不知道该怎么做。 我试着像往常一样:

document.getElementById("skin_tRex").addEventListener("click", MC.showLevelUp(100,94,95))

但显然这不起作用。

你能告诉我我做错了什么,我应该怎么做!提前谢谢!

1 个答案:

答案 0 :(得分:2)

在chrome扩展中,代码在沙盒环境中运行,因此任何事件侦听器都不会应用于主页。

根据我的理解,您需要单击按钮以在网页上触发并运行功能。执行此操作的最佳方法是将代码注入页面。

document.getElementById("skin_tRex").addEventListener("click", runScriptOnPage)

function runScriptOnPage() {
    var actualCode = 'MC.showLevelUp(100,94,95)';
    var script = document.createElement('script');
    script.textContent = actualCode;
    (document.head||document.documentElement).appendChild(script);
    script.remove();
}