繁体   English   中英

如何在Chrome扩展程序中加载内容脚本,而无需单击扩展程序图标

[英]how to load a content script in chrome extension without clicking the extension icon

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

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

根据您的意思,您希望扩展标志在每次加载页面时进行更新。 几个月前,我问了一个问题,这是链接: 自动更新Chrome扩展程序徽章的方法

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM