用于选择文本并将其发送给Google搜索的Chrome扩展程序?

时间:2017-09-01 03:14:33

标签: javascript jquery google-chrome google-chrome-extension

我正在尝试开发一个简单的Chrome扩展程序,我想从任何网页中选择一个文本,点击一个按钮后它必须在谷歌搜索文本。 我是新手。现在我可以选择文字了。但我无法谷歌。我的代码如下。

的manifest.json

    {
 "name": "Selected Text",
 "version": "0.1",
 "description": "Selected Text",
 "manifest_version": 2,
 "browser_action": {
   "default_title": "Selected Text",
   "default_icon": "icon.PNG",
   "default_popup": "popup.html" 
 },
 "permissions": [
   "tabs",
   "<all_urls>"
 ],
 "content_scripts": [
   {
     "matches": ["<all_urls>"],
     "js": ["popup.js"]
   }
 ]
}

popup.html

<!DOCTYPE html> 
<html>
  <head>
    <script src="popup.js"></script>
    <style>
      body { width: 300px; }
      textarea { width: 250px; height: 100px;}
    </style>
  </head>
  <body>
    <textarea id="text"> </textarea>
    <button id="Hindi" button onclick="Hindi Meaning">Hindi Meaning</button>
  </body>
</html>

popup.js

chrome.tabs.executeScript( {
    code: "window.getSelection().toString();"
    }, function(selection) {

      console.log(selection[0]);
      if(selection[0].length > 0){
        document.getElementById("text").value = selection[0];
      }
});
chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.sendRequest(tab.id, {method: "getSelection"}, function(response) {
    var selectedText = document.getElementById("text").value = selection[0];
    chrome.tabs.create({url: 'http://google.com?q=' + selectedText});
  });
});

0 个答案:

没有答案