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

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

转载作者：行者123 更新时间：2023-12-03 08:03:12

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