Question

我想制作一个扩展程序，其中包含所选文本并在谷歌翻译中搜索它但我无法弄清楚如何获取所选文本。

这是我的manifest.json

{
"manifest_version": 2, 
"name": "Saeed Translate",
"version": "1",
"description": "Saeed Translate for Chrome",
 "icons": {
    "16": "icon.png"
  },
"content_scripts": [ {
      "all_frames": true,
      "js": [ "content_script.js" ],
      "matches": [ "http://*/*", "https://*/*" ],
      "run_at": "document_start"
   } ],
"background": {
    "scripts": ["background.js"]
  },
"permissions": [
"contextMenus",
"background",
"tabs"
]

}

和我的background.js文件

var text = "http://translate.google.com/#auto/fa/";
function onRequest(request, sender, sendResponse) {
   text = "http://translate.google.com/#auto/fa/";
   text = text + request.action.toString();

 sendResponse({});
};

chrome.extension.onRequest.addListener(onRequest);
chrome.contextMenus.onClicked.addListener(function(tab) {
  chrome.tabs.create({url:text});
});
chrome.contextMenus.create({title:"Translate '%s'",contexts: ["selection"]});

和我的content_script.js文件

var sel = window.getSelection();
var selectedText = sel.toString();
chrome.extension.sendRequest({action: selectedText}, function(response) {
  console.log('Start action sent');  
});

如何获取所选文字？

Answer 1

你使它变得比实际上复杂一点。您不需要在内容脚本和背景页面之间使用消息，因为contextMenus.create方法已经可以捕获所选文本。尝试将您的创作脚本调整为：

chrome.contextMenus.create({title:"Translate '%s'",contexts: ["all"], "onclick": onRequest});

然后调整你的函数以简单地获取info.selectionText：

function onRequest(info, tab) {
var selection = info.selectionText;
//do something with the selection
};

请注意，如果您想远程访问Google翻译等外部网站，则可能需要调整权限设置。

获取Chrome扩展程序中的选定文本

1 个答案: