Chrome 扩展程序不允许获取请求

Question

我正在尝试创建我的第一个chrome扩展程序。基本上我有一个简单的html页面和一些javascript，im用来允许用户输入一些数据，脚本将正确格式化它，然后输出它：

<form>
    MAC ADDRESS: <input type="text" id="mac" name="macAddress" maxlength="17" >
    <button onclick="convert(); return false;">Convert</button>
    </form>

Javascript：

function convert() {
        var mac = document.getElementById('mac').value; //get string
        var mac2 = mac.replace(/:|-/g,""); //remove colons and dashes

        //
        //add fullstops after every 4th character, appart from last character. 
        //
        mac2 = mac2.replace(/(.{4})(?!$)/g , '$1.');

        //output string
        document.getElementById("outputDiv").innerHTML= mac2;

};

我的问题是，虽然这作为普通网页工作正常，但当我尝试将其实现为扩展时，同一页面的 get 方法不起作用。

我已经按照谷歌网站上的教程进行操作，并且扩展程序正在显示，但它似乎无法处理获取请求。我尝试使用我在这里找到的不同建议修改清单文件，但仍然没有成功。

当我

尝试调试它时，控制台中没有任何内容（当我提交 get 请求时，某些内容会短暂闪烁，但它没有保持足够长的时间以查看问题所在）。

如果有人能用这个为我指出正确的方向，我将不胜感激！

Answer 1

由于应用于扩展的内容安全策略：

内联 JavaScript 不会被执行。此限制禁止内联块和内联事件处理程序（例如 ）。
[...]
内联事件处理程序定义必须根据 addEventListener 重写，并提取到 popup.js 中。

有关更多信息，请查看文档。