1

我有一個擴展,我想它做如下:訪問網站數據

  1. 當用戶雙擊CLIK並選擇一個字,檢測字
  2. 請在字somthings,並顯示結果像提示

小交互式頁面上我尋找類似Google Dictionary extension

五月誰能幫助我?我該怎麼辦 ?

在此先感謝。 Morteza

+0

如果你想「做一些類似於」的東西,只要看看第eir源代碼。安裝[Chrome擴展源代碼查看器](https://chrome.google.com/webstore/detail/chrome-extension-source-v/jifpbeccnghkjeaalbbjmodiffmgedin/)擴展程序即可輕鬆完成此操作(只需點擊一下即可查看源代碼)。 –

+0

大多數js代碼都是min,而且很難不到 – irmorteza

+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 ''; 
    } }); 

這裏是示出鉻延伸的外面的功能性的jsfiddle ..