javascript - 内容 JavaScript 未在内容脚本中执行

标签 javascript google-chrome google-chrome-extension

我的 Chrome 扩展程序有一个内容脚本,可添加带有按钮的 DIV。但是,为按钮定义的 OnClick JS 函数永远不会执行(在同一内容脚本中定义),因此按钮不执行任何操作。这是为什么?

contentscript.js

var msg = "Click this button <button onclick='test()'>Test</button>";

var div = document.createElement( 'div' );
div.id = 'testDiv';
document.body.appendChild( div );
document.getElementById('testDiv').innerHTML = msg;

function test()
{
    alert('in test()');  // Never gets here
}

ma​​nifest.json

"content_scripts": [
    {
        "matches": [
            "http://*/*",
            "https://*/*"
        ],
        "css": ["contentstyle.css"],
    "js": ["jquery-1.11.2.min.js", "contentscript.js"]

最佳答案

查看有关政策的官方文档。严格禁止内联 JavaScript。文档解释了如何做到这一点。 https://developer.chrome.com/extensions/contentSecurityPolicy

关于javascript - 内容 JavaScript 未在内容脚本中执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29931944/

相关文章:

javascript - Chrome 扩展的 Manifest.json 中的自定义值?

javascript - React中的RBAC,如何实现,构想?

javascript - Firebase 发生更改事件。如何知道谁更改了数据?

c# - 该字段必须是日期 - DatePicker 验证在 Chrome 中失败 - mvc

google-chrome-extension - Select2 在 Chrome 扩展弹出窗口上无法正常工作

javascript - 如何使用 JavaScript 下载视频

javascript - Google Map API - 使用 getMap() 或 setMap() 评估圆圈

javascript - 使用 javascript 变量作为 addthis :url 的 url

JavaScript:(如何)可以在 Chrome 的 DevTools 中检索外部 CSS 规则?

Javascript GeoLocation 无法在 Chrome 上运行