Javascript附加CSP

Question

我需要为Firefox编写一个插件，以通知用户响应的HTTP标头中是否包含CSP标头。我已经使用以下两个文件完成了此操作：

JSON清单

{

"description": "Checks for CSP",
"manifest_version": 2,
"name": "CSP",
"version": "1.0",


"content_scripts": [
{
  "matches": ["http://*/*","https://*/*"],
  "js": ["csp.js"]
}
]

}

csp.js

var req = new XMLHttpRequest();
req.open('HEAD', document.location, false);
req.send(null);
var headers = req.getAllResponseHeaders().toLowerCase();

var arr = headers.trim().split(/[\r\n]+/);

var headerMap = {};
arr.forEach(function (line) {
  var parts = line.split(': ');
  var header = parts.shift();
  var value = parts.join(': ');
  headerMap[header] = value;
});


var csp = headerMap["content-security-policy"];

if (csp != undefined){
alert("This webpage is using content-security-policy with the following values:\n" + csp);
}

但这不是我想要做的所有事情。除了要发出警报，我还想使用一条闪现的消息，该消息显示在我正在访问的网页顶部。我对JSON，附加组件或javascript不太熟悉。我想我也应该编写一些HTML和CSS代码，但是如何将其包含在附加组件中？