我正在制作一个Chrome扩展程序,它会在新标签页中打开页面上的所有链接。
以下是我的代码文件:
的manifest.json
{
"name": "A browser action which changes its icon when clicked.",
"version": "1.1",
"permissions": [
"tabs", "<all_urls>"
],
"browser_action": {
"default_title": "links", // optional; shown in tooltip
"default_popup": "popup.html" // optional
},
"content_scripts": [
{
"matches": [ "<all_urls>" ],
"js": ["background.js"]
}
],
"manifest_version": 2
}
popup.html
<!doctype html>
<html>
<head>
<title>My Awesome Popup!</title>
<script>
function getPageandSelectedTextIndex()
{
chrome.tabs.getSelected(null, function(tab) {
chrome.tabs.sendRequest(tab.id, {greeting: "hello"}, function (response)
{
console.log(response.farewell);
});
});
}
chrome.browserAction.onClicked.addListener(function(tab) {
getPageandSelectedTextIndex();
});
</script>
</head>
<body>
<button onclick="getPageandSelectedTextIndex()">
</button>
</body>
</html>
background.js
chrome.extension.onRequest.addListener(
function(request, sender, sendResponse) {
console.log(sender.tab ?
"from a content script:" + sender.tab.url :
"from the extension");
if (request.greeting == "hello")
updateIcon();
});
function updateIcon() {
var allLinks = document.links;
for (var i=0; i<allLinks.length; i++) {
alllinks[i].style.backgroundColor='#ffff00';
}
}
最初我想突出显示页面上的所有链接或以某种方式标记它们;但我收到错误“由于Content-Security-Policy而拒绝执行内联脚本”。
当我按下弹出窗口内的按钮时,我收到此错误:Refused to execute inline event handler because of Content-Security-Policy
。
请帮我修复这些错误,以便我可以使用我的Chrome扩展程序打开新标签中的所有链接。
答案 0 :(得分:19)
"manifest_version": 2
的一个后果是默认启用Content Security Policy。 Chrome开发人员选择严格控制并始终禁止使用内联JavaScript代码 - 只允许执行放置在外部JavaScript文件中的代码(以防止扩展中的Cross-Site Scripting vulnerabilities)。因此,不应在getPageandSelectedTextIndex()
中定义popup.html
函数,而应将其放入popup.js
文件并将其包含在popup.html
中:
<script type="text/javascript" src="popup.js"></script>
并且<button onclick="getPageandSelectedTextIndex()">
也必须更改,onclick
属性也是内联脚本。您应该改为指定ID属性:<button id="button">
。然后在popup.js
中,您可以将事件处理程序附加到该按钮:
window.addEventListener("load", function()
{
document.getElementById("button")
.addEventListener("click", getPageandSelectedTextIndex, false);
}, false);