javascript - 如何在 chrome 扩展中加载内容脚本而不单击扩展图标

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

我是 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>

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

最佳答案

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

关于javascript - 如何在 chrome 扩展中加载内容脚本而不单击扩展图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34510387/

相关文章:

javascript - 如何在 flex 元素后添加空白区域?

javascript - 显示不占空间

css - 如何沿左右边距完美对齐线边界

html - 带有显示 :table extends out of parent 的边框元素

javascript - Angular HTTP GET 中更改的 JSON 中的字符

JavaScript 不显示警报

javascript - RxJS:将历史数据与更新流相结合

html - SVG 在左侧 div 可调整大小,div 在右侧 CSS 的右上角

css - 将音频播放器的宽度设置为屏幕宽度

javascript - 如何在 chrome 扩展中使用 jQuery?