单击时在网页上的注入的侧边栏chrome扩展名的字段内添加所选文本

Question

嗨，我有一个chrome扩展名，单击后会注入一个边栏。我想要的是，如果我在网页上选择一个位置然后单击扩展名，它将自动用所选文本填充位置输入栏并在其中调用Maps API以位置名称作为查询的iframe。

Answer 1

I have seen some problems in the code.

Background.js

var place = window.getSelection().toString() should not be placed here. You can't have selected text in the background page. You can remove this line.

Like said in comment, You should replace the depracated chrome.tabs.getSelected by chrome.tabs.query({active: true}, callback); , read more about this function here .

Script.js

The smelling code is the handleRequest function. You have made to condition, the first doing nothing, and the second, if I have well understood, displaying the sidebar.

So I think the problem is here. You should move the place = window.getSelection().toString(); statement to the first condition and then call sendResponse({data : place}) . This way, you should send back the text selected in the page to the background script.

function handleRequest(request, sender, sendResponse)
{
    if (request.method == "getSelection")
    {
       place = window.getSelection().toString();
       console.log("sending to background : " + place);
       sendResponse({data: place});
    }

    if (request.callFunction == "toggleSidebar")
    {
       toggleSidebar();
       console.log("adasda");
    }
}

All code

You should do a clean up. There is lot of not usefull comment that you should remove. It will improve the readability of your code for a better debuging.