根據選擇渲染上下文菜單

Question

我想根據是否選擇數字或文本來顯示不同的菜單選項。

我試過玩內容腳本，但我不能讓他們在gmail中工作，這是我需要它的工作。這裏是我有什麼，它的工作原理上的不是Gmail（它是一個HTTPS的事情嗎？）

其他網站Background.html

<script src="driver.js"></script>

content_script.js

document.addEventListener("mousedown", function(event){ 
    if(event.button == 2) { 
    var selection = window.getSelection().toString(); 
    chrome.extension.sendRequest({cmd: selection}); 
    } 

}, true); 

driver.js

chrome.extension.onRequest.addListener(function(request) { 
    alert(request.cmd); 
}); 

manifest.json的

{ 
"name": "Context Menu Search", 
"description": "Opens the selected text as keyword in a new window", 
"version": "0.1", 
"permissions": ["contextMenus"], 
    "content_scripts": [ 
    { 
     "matches": ["http://*/*","https://*/*"], 
     "js": ["content_script.js"] 
    } 
    ], 
"background_page": "background.html" 
} 

Answer 1

Selection type changes context menu using chrome extension

您必須設置鼠標監聽下來。在創建菜單之前沒有其他方法可以獲取選定的文本。

見這太問題：

chrome extension context menus, how to display a menu item only when there is no selection?

這裏是代碼的其餘部分是在鏈路的一部分。

document.addEventListener("mousedown", function(event){ 
//right click 
if(event.button == 2) { 
    if(window.getSelection().toString()) { 
     chrome.extension.sendRequest({cmd: "createSelectionMenu"}); 
    } else { 
     chrome.extension.sendRequest({cmd: "createRegularMenu"}); 
    } 
    } 
}, true);