JS函数适用于chrome控制台,但不适用于从插件加载

时间:2018-03-14 21:42:56

标签: javascript google-chrome google-chrome-extension

所以我有一个功能鼓掌的网页。当我从控制台调用它时,我得到了正常的回报:

applaud(3004,1935);
undefined

但是,如果我使用CTG插件(简单的插件来运行js脚本),使用该代码

applaud(3004,1935);

我在控制台中收到以下错误:

3VM5444:1 Uncaught ReferenceError: applaud is not defined
    at <anonymous>:1:1
(anonymous) @ VM5444:1

并且功能无效。

你知道我怎么用吗?

感谢。

1 个答案:

答案 0 :(得分:1)

我知道这有点过时了,但是我可以回答。 (我进行了扩展)。

默认情况下,Chrome扩展程序会在与页面其余部分不同的上下文中将脚本插入网页。这是出于安全原因。如果你想在网页的上下文中运行代码,你需要使用一个小的解决方法。

在Chrome扩展程序注入的脚本中,将<script>标记注入页面主体。然后,该脚本将被加载,并能够像在控制台中一样执行功能。

这是一个代码演示,可以完成我正在谈论的事情:

//Create a new script element.
var script = document.createElement("script");

//Get the function you want to inject as a string and add it to the script.
script.innerHTML = injection.toString();

//Add a call to that injection function so it'll automatically execute once it's injected.
script.innerHTML += "injection();";

//Inject that newly created script into the body of the page.
document.body.appendChild(script);

//The contents of this script will be run inside the same context as the webpage.
function injection(){
    applaud(3004, 1935);
}