1

我正在尝试创建 chrome 扩展 - 当用户单击图标时，会出现带有表单的弹出窗口。表单中的 textarea 可以包含更多涉及 URL 的参数。填写并单击 GO 按钮后，需要打开多个带有此参数的 URL 的选项卡。

例子：popup.html

<form name="myform">`
<textarea id="params" name="params" style="width: 170px;height: 270px;"></textarea>`
<input id="edit" checked="checked" type="radio" name="edit" value="1" /> option 1 <input id="edit" type="radio" name="edit" value="2" /> option 2`
<div id="clicked">GO</div>`
</form>`

然后在popup.js我有：

function click(e) {
    chrome.tabs.executeScript(null, {
        code: "alert('starting');"
    });

    opener();
}

document.addEventListener('DOMContentLoaded', function () {
    var divs = document.getElementById("red");

    divs.addEventListener('click', click);

});

因此，当用户单击 GO 按钮时，需要启动 opener() 函数。

这是开启器功能 - 它仅确定 textarea 和单选按钮的值，并打开与 textarea 中的 manz 参数一样多的新选项卡。

function opener() {
    alert('working');
    var parameter = document.myform.getElementById("params").value;
    for (index = 0; index < document.myform.edit.length; index++) {
        if (document.myform.edit[index].checked) {
            var radioValue = document.myform.edit[index].value;
            break;
        }

        var Result = parameter.split("\n");

        if (radioValue == 1) {
            for (i = 0; i < Result.length; i++) {
                window.open('http://mypage.com?param=' + Result[i]);
            }
        }
    }
}

所以 Result 是由 \n 分割的 textarea 的值，而单选值是所选单选按钮的值。

这很好用 - 单击浏览器图标后会弹出带有表单的弹出窗口，但是当我填写 textarea 并选择第一个单选按钮时，然后单击 GO，开启功能不起作用...

唯一有效的是带有工作单词的弹出警报，然后是从 click(e) 函数开始的警报。

所以开启器功能启动，写入警报，但没有别的......不会打开任何选项卡，没有任何反应......

有人能帮助我吗？

4

1 回答 1

2

我发现在扩展中使用 chrome.tabs.create 函数比 window.open 函数效果更好。

chrome.tabs.create({url:"https://www.facebook.com/PSChrome"});
于 2012-04-20T13:47:46.977 回答