Использовать popup. html DOM в сценарии события перезагрузки страницы - PullRequest
Новая
       110

Использовать popup. html DOM в сценарии события перезагрузки страницы

0 голосов
/ 21 июня 2020

Прежде всего, прошу прощения, если мой engli sh отстой. Я пытаюсь сделать расширение chrome и у меня возникают некоторые проблемы: я хочу запустить скрипт при загрузке или перезагрузке страницы, но я могу использовать всплывающее окно в этом скрипте, как я могу? Вот что я пробовал: manifest. json

"manifest_version": 2,
    "name": "Youtube color modifier",
    "description": "Change youtube colors",
    "version": "1.0",
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    },
    "permissions": [
        "activeTab",
        "*://*/*"
    ],
    "content_scripts": [
        {
          "matches": ["<all_urls>"],
          "js": ["run.js"]
        }
    ]
}

run. js

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
    alert('hello')
    alert(document.querySelector("#bkcolor").value)
});

popup. html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Youtube color modifier</title>
    <style type="text/css">
        body {
            min-width: 500px;
        }
        h1 {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Youtube color modifier</h1>
    <form action="" methode="post">
        <p>
            <label for="bkcolor">Background color :</label>
            <input type="color" name="bkcolor" id="bkcolor" data-selector="ytd-app" data-property="backgroundColor" data-defaultValue="#f9f9f9" />
            <button class="getRGB">Get rgb</button>
        </p>
        <p>
            <label for="titlecolor">Titles color :</label>
            <input type="color" name="titlecolor" id="titlecolor" data-selector="yt-formatted-string" data-property="color" data-defaultValue="#030303" />
            <button class="getRGB">Get rgb</button>
        </p>
    </form>
    <script src="popup.js"></script>
</body>
</html>

Спасибо!

...