javascript - 从弹出页面调用 javascript 函数 - chrome 扩展

Question

我正在尝试根据表单中给出的参数构建一个 Google chrome 扩展 - 在弹出页面上，操作 URL。

调用javascript函数并传递参数的方法是什么。这是我的popup.html：

<button onclick="callIt()">Try it</button>

这是我的js：

function callIt(){
chrome.tabs.getSelected(null, function (tab) {
 var theurl = tab.url;
var newUrl=theurl+'?asd=yes'
chrome.tabs.update(tab.id, {url: newUrl});
});

}

在调试器上，我得到：

拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令：“script-src 'self' chrome-extension-resource:”。

那么我应该如何实现呢？

Answer 1

来自 Google 的文档

内容安全政策

http://developer.chrome.com/extensions/contentSecurityPolicy.html#JSExecution

内联 JavaScript 将不会被执行。此限制禁止内联块和内联事件处理程序（例如<button onclick="...">）。

版本 1 和 2 之间的更改

http://developer.chrome.com/extensions/manifestVersion.html#manifest-v1-changes

内容安全策略设置为 `script-src 'self' chrome-extension-resource:; 默认情况下 object-src 'self'。这对开发人员有多种影响，详细描述在 content_security_policy 文档中。