【发布时间】:2016-04-03 07:09:42
【问题描述】:
我是 Chrome 扩展程序开发的新手,我想创建一个简单的扩展程序,它可以在每个页面中加载并检测当前 URL。如果该 URL 可用,则会显示带有该网站名称的徽章。
我的 manifest.json
{
"name": "Highlight some phrases",
"description": "Hightlight some pre defined text from websql database after page loads",
"version": "0.1",
"permissions": [
"tabs","<all_urls>"
],
"browser_action": {
"default_icon": "icon.png" ,
"default_popup": "popup.html"
},
"manifest_version":2
}
我的 popup.js
chrome.tabs.getSelected(null, function (tab) {
var tablink = tab.url;
if (tablink.indexOf("google") > -1) {
chrome.browserAction.setBadgeText({
text: "G"
});
} else chrome.browserAction.setBadgeText({
text: "No G"
});
});
我的 popup.html
<html>
<head>
<title>Set Page Color Popup</title>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="external.css">
<script type="application/javascript" src="popup.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12 well">
</div>
</div>
</div>
</body>
</html>
当我点击扩展中的图标时,我得到了我想要的结果,但我无法像其他扩展一样自动加载扩展。
【问题讨论】:
标签: javascript html google-chrome google-chrome-extension