javascript - 从 Chrome 扩展程序访问网站数据

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

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

  1. 当用户双击并选择一个单词时,检测单词
  2. 在 Word 上执行某些操作,并在工具提示等小型交互式页面上显示结果

我正在寻找类似 Google Dictionary extension 的内容

有人可以帮助我吗?我该怎么办?

提前致谢。莫尔特扎

最佳答案

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

ma​​nifest.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 '';
    } });

这是一个jsfiddle显示 Chrome 扩展之外的功能...

关于javascript - 从 Chrome 扩展程序访问网站数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18513420/

相关文章:

android - 链接必须多近才能触发 Chrome 测试版中的链接预览?

linux - Bash 检查子进程是否发生错误(命令 &)

javascript - 如何控制cycle2?

javascript - 无法设置/读取未定义的属性

javascript - 为什么我的值在数组内发生变化?

debugging - 如何调试 Google Chrome 中的选项卡崩溃

javascript - PhantomJS- 默认使用 LocalStorage 打开页面

javascript - 自定义事件函数在 Chrome 中的堆栈溢出

bash - 使用exec vi时出错

python - 如何在python中的文本文件中搜索行首先有空格