从 chrome 扩展内容脚本执行网页 js

Question

我的网页html代码中有这个js函数。

function update() {
    document.getElementById( "textbox ").value = updatetext;
}

当我从 chrome 控制台执行“update()”时，它可以工作。
但是如果我从 chrome 扩展执行，

chrome.tabs.executeScript(tab.id, {code: "update();"}, function(result){});

它说没有定义更新。但如果我用“alert('ok')”替换，它就可以了。
然后我执行

eval("update()")

在 Chrome 扩展内容脚本中。它还说“未定义更新。”

那么我该怎么做才能在网页上调用js函数呢？

Answer 1

Chrome 在沙盒中执行内容脚本，因此需要注入内联脚本与网页交互：

var injectedCode = 'update()';
var script = document.createElement('script');
script.appendChild(document.createTextNode('('+ injectedCode +')();'));
(document.body || document.head || document.documentElement).appendChild(script);