从chrome扩展程序访问网站数据

时间:2013-08-29 14:15:29

标签: javascript google-chrome scripting google-chrome-extension google-chrome-devtools

我有一个扩展程序,我希望它执行以下操作:

  1. 当用户双重clik并选择一个单词时,检测单词
  2. 对单词做什么,并在像tooltip这样的小型互动页面上显示结果
  3. 我在找Google Dictionary extension

    之类的东西

    愿任何人帮助我吗?我该怎么办?

    提前致谢。莫尔塔扎

1 个答案:

答案 0 :(得分:1)

选择文本后,所选文本将显示在警告窗口中。一个很好的起点......

<强>的manifest.json

{
  "name": "Selecty thingy",
  "version": "1.0.1",
  "manifest_version": 2,
  "description": "Selecty thingy",  
    "browser_action": {
  },
  "permissions": [
    "tabs", "*://*/*"
  ],
  "content_scripts": [
    {
      "matches": ["*://*/*"],
      "js": ["jquery-1.7.2.min.js","content_script.js"],
      "run_at": "document_end"
    }
  ]
}

<强> content_script.js

$(document).ready(function(){
    $('html').mouseup(function() {
        var selectedText = getSelectedText();
        if(selectedText > ''){
            alert(selectedText);
        }
    });

    function getSelectedText() {
        if (window.getSelection) {
            var selection = window.getSelection().toString();
            if(selection.trim() > ''){
                return selection;
            }
        } else if (document.selection) {
            var selection = document.selection.createRange().text;
            if(selection.trim() > ''){
                return selection;
            }
        }
        return '';
    } });

以下是显示Chrome扩展程序之外的功能的jsfiddle ...