2

我是 chrome 扩展编码的新手，目前正在尝试构建扩展作为一种爱好

这是我的 manifest.json

    {
        "manifest_version": 2,
        "name": "LOL",
        "version": "0.1",
        "background": {
            "persistent": false,
            "scripts": ["background.js", "back.js"]
        },
        "browser_action": {
            "default_icon": "icon.png",
            "default_popup": "popup.html"
        },
        "permissions": [
            "downloads", "downloads.open", "downloads.shelf", "activeTab", "background"
        ]
    }

这里我在popup.html中有两个单选按钮。单击时，我正在执行background.js和back.js。

但是，即使我选择了第二个单选按钮，background.js也会被执行。

我观察到的奇怪行为是：如果我将manifest.json中的脚本顺序交换为back.js、background.js .. 无论我选择什么单选按钮，只有back.js正在执行。

我不确定我的脚本有什么问题。请提出问题可能是什么。

这是我的 popup.js

    function hello() {
        chrome.tabs.executeScript({
            file: 'background.js'
        });}

        function hello2() {
            chrome.tabs.executeScript({
                file: 'back.js'
            });
        }


    var radio1 = document.getElementById('option1').value;
    if (radio1 == "folder1") {
        document.getElementById('option1').addEventListener('click', hello);
    }
    if (radio1 == "folder2") {
        document.getElementById('option2').addEventListener('click', hello2);
    }

这是背景.js

function alertlol() {

chrome.downloads.onDeterminingFilename.addListener(function(item, suggest) {
suggest({filename: "mysubdirectory/" + item.filename});
});

}
chrome.browserAction.onClicked.addListener(alertlol);
alertlol();

这是 back.js

function alertlol1() {

chrome.downloads.onDeterminingFilename.addListener(function(item, suggest) {
suggest({filename: "mydir/" + item.filename});
});

}
chrome.browserAction.onClicked.addListener(alertlol1);
alertlol1();

这是 popup.html

<!DOCTYPE html>
<html>
  <body style="width: 300px">
    Select download folder
    </br><input type="radio"  name="option1" onclick="background.js" value="folder1">Download folder one </input>
    <script type="text/javascript" src="popup.js"></script></br>
    <input type="radio"  name="option1" onclick="back.js" value="folder2">Download folder two </input>
    <script type="text/javascript" src="popup.js"></script>
  </body>
</html>

这是代码库

https://github.com/beardlessgenius/DLM

4

1 回答 1

0

我可以建议的一件事是，a)<script type="text/javascript" src="popup.js"></script>在 HTML 的开头、head 或 body 标记之后仅使用一次。b) 在 popup.js 中，使用 onclick() 事件，而不是检查值。这是因为它只检查一次值并完成它。如果您稍后单击或单击同一个按钮两次怎么办？

在html中添加“onclick”事件后，如果问题仍然存在，然后ping我。这只是一个开始，请从这里开始。

于 2020-03-10T07:18:56.290 回答