如何在Chrome扩展程序中加载内容脚本而不点击扩展程序图标

时间:2015-12-29 11:47:50

标签: javascript html google-chrome google-chrome-extension

我是Chrome扩展程序开发的新手,我想创建一个简单的扩展程序,可以在每个页面中加载并检测当前的URL。如果该网址可用,则会显示带有该网站名称的徽章。

my 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
}

my 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"
    });


});

my 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>

当我点击扩展程序中的图标时,我得到了我想要的结果,但我无法像其他扩展程序一样自动加载扩展程序。

1 个答案:

答案 0 :(得分:1)

根据您的说法,您希望扩展徽章在每次加载页面时更新。几个月前我问了一个关于这个的问题,这里是链接:Method to autoupdate Chrome Extension badge