Question

我想创建一个带有一些文本的chrome扩展，然后打开一个网站，并尝试将该文本写入文本字段。这就是我所拥有的：

chrome.omnibox.onInputEntered.addListener(
  function(text) {
    chrome.tabs.create({url:"http://www.editpad.org/"});
    document.getElementById("text").value = txt; //.innerHTML = txt
    alert('You just typed "' + text + '"');
  });

我从检查元素中获取了ID。它需要做什么才能写出来？

Answer 1

您的代码在（不可见）background或event page的上下文中运行。为了“切换”到您刚刚打开的页面的执行上下文，您需要使用content script（以编程方式，“动态”，使用chrome.tabs.executeScript）。

下面带注释的代码显示了如何实现您想要的结果。

chrome.omnibox.onInputEntered.addListener(function(text) {
    chrome.tabs.create({
        url: 'http://www.editpad.org/'
    }, function(tab) {
        // chrome.tabs.executeScript takes a string that will be parsed and run
        // as JavaScript code. To pass a string, you need to make sure that it
        // does not contain any invalid characters. This can easily be achieved
        // by serializing the input string to JSON.
        var serializedValue = JSON.stringify(text);

        chrome.tabs.executeScript(tab.id, {
            code: 'document.getElementById("text").value = ' + serializedValue,
        }, function(result) {
            if (!result) {
                // This usually happens when you do not have the permission to
                // run code in the page. Add the site to the "permissions" 
                // section manifest.json.
                alert('Failed to run content script.\n' +
                    chrome.runtime.lastError.message);
                return;
            }
            // The value of the last expression is passed to the callback of
            // chrome.tabs.executeScript, for each frame. The code runs only in
            // the top-level frame (because `allFrames: true` is not specified),
            // so the result is an array with only one element.
            alert('You just typed: "' + result[0] + '"');
        });
    });
});

从chrome扩展名写入网页的文本字段

1 个答案: