我正在开发一个chrome扩展程序,除了新标签页外,它在所有方案中都运行良好。
即,扩展仅在例如打开网站时起作用。 stackoverflow.com。当我按ctrl + t并单击我的扩展图标时,它不起作用。
我做错了什么?或者是浏览器行为?
我添加了我的代码供您参考。
清单
{
"manifest_version": 2,
"background": {
"scripts": ["scripts/background.js"],
"persistent": false
},
"content_scripts":[{
"matches" : ["<all_urls>"],
"js": ["scripts/jquery-2.1.0-min.js", "scripts/init.js"],
"run_at": "document_end"
}],
"permissions": [
"storage", "activeTab", "http://*/*", "https://*/*"
],
"browser_action": {
"default_icon": "images/plugin-icon-24.png"
},
"web_accessible_resources": [
"*.html",
"images/*.gif",
"images/*.png"
]
}
init.js
chrome.storage.sync.get('logged_in', function(status){
if(status.logged_in){
chrome.runtime.sendMessage('LOGGED_IN');
} else {
chrome.runtime.sendMessage('NOT_LOGGED_IN');
}
});
background.js
var add_resource = function(){
chrome.tabs.executeScript({
file: 'scripts/plugin.js'
});
chrome.tabs.insertCSS({
file: 'styles/plugin.css'
});
};
chrome.runtime.onMessage.addListener(function(message){
alert(message);
/*This alerts comes even in the newly opened tab.
But the script is not getting executed.*/
if(message == 'LOGGED_IN'){
add_resource();
} else {
chrome.browserAction.onClicked.addListener(function(tab){
add_resource();
});
}
});
答案 0 :(得分:1)
尝试将以下代码添加到manifest.json。
"chrome_url_overrides": {
"newtab": "blank.html"
}
blank.html :(创建自己的版本)
<html>
<head>
<title>Blank New Tab</title>
<style>
div {
color: #cccccc;
vertical-align: 50%;
text-align: center;
font-family: sans-serif;
font-size: 300%;
}
</style>
</head>
<body>
<div style="height:40%"></div>
<div>Blank New Tab™</div>
</body>
</html>
答案 1 :(得分:0)
问题可能在于您的清单权限。
新标签页不使用http://
,而是chrome://newtab
,因此您可能需要将其添加到您的扩展程序的权限中才能使用。
答案 2 :(得分:0)
在“权限”内添加“ chrome:// * / *” (用于新标签),然后打开chrome并转到 chrome:// flags /#extensions-on-chrome -urls 并启用此设置。