无法创建Chrome扩展程序

Question

我已经成功创建了一个chrome扩展，只需按下时就会显示hello word。 现在，当我按下警报出来时，我试图演示一个简单的按钮，不起作用。 我在想是否是因为我在里面使用javascript并且它有html扩展名。

在我的文件夹中，在chrome中加载了内部a）manifest.json b）lab.html c）一个图标

lab.html

<textarea id="s" rows="2" cols="4" name="p"></textarea></br>

<button onclick="button()">Submit</button>

<script>
function button()

{
   alert("alert");
}
</script>

表现

{
    "name": "Your Extension Name",
    "description": "Your Extension Description", 
    "browser_action": {
        "default_icon": {
            "38": "icon.png"
            }, 
        "default_title": "Your Extension Popup Title", 
        "default_popup": "lab.html"
    }, 
    "manifest_version": 2,
    "update_url": "http://clients2.google.com/service/update2/crx",
    "content_security_policy": "script-src 'self' https://www.google.com; object-src 'self'",
    "version": "0.1"
}

Answer 1

由于内容安全策略，您无法执行内联JavaScript。 Chrome开发者文档还有其他详细信息。

您基本上必须将JavaScript拉入另一个文件。

// script.js

function button()
{
   alert("alert");
}

document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('button').addEventListener('click', button);
});

Answer 2

尝试重新格式化您的javascript：

function button(){
    alert('alert');
}

然后让我们在页面加载后立即调用您的函数，以确保它正常工作。

这样做：

function button(){
    alert('alert'); 
}
button(); //call it immediately

让我知道事情的后续。