Posso adicionar opções de clique com o botão direito do mouse no Google Chrome?

15

No Google Chrome, se eu selecionar uma parte do texto e clicar com o botão direito nela, tenho a opção de:

'Pesquisar no Google por [texto]'

Acho isso extremamente útil, mas também gostaria de poder adicionar minhas próprias opções.

Por exemplo, eu gostaria de adicionar a capacidade de pesquisar no amazon.co.uk usando o texto selecionado ou ir direto para os mapas do Google usando o texto selecionado (por exemplo, um endereço ou código postal) e assim por diante.

Eu posso adicionar essa funcionalidade usando PhraseExpress , mas prefiro fazer isso diretamente do Chrome - é possível?

    
por andygrunt 23.08.2010 / 12:15

6 respostas

10

Aqui está uma extensão que usa a API Context Menus para adicionar opções ao menu do botão direito do mouse para o texto selecionado e permite que você defina suas próprias pesquisas personalizadas.

Teste http://maps.google.com/maps?q=TESTSEARCH para o Google Maps e http://www.amazon.co.uk/s/?url=search-alias%3Daps&field-keywords=TESTSEARCH para a Amazon.co.uk.

    
por 13.09.2010 / 20:12
14

Há uma API de Menus de Contexto disponível no desenvolvedor e nos canais beta a partir de recentemente. Você pode usá-lo para escrever suas próprias extensões, que adicionam opções ao menu do botão direito. Tenha em atenção que isto funcionará apenas para o Google Chrome versão 6 e superior.

Veja um exemplo da galeria de extensões oficial:

Eu também escrevi três com base nesse código:

Você pode instalá-los por sua conta e risco clicando com o botão direito do mouse nos links, clicando em Salvar link como… , encontrando os arquivos em seu computador e arrastando-os para uma janela do Google Chrome.

Leia sobre a API aqui:

Para escrever o seu, você precisa de um arquivo manifest.json, que deve ser parecido com isto:

{
   "background_page": "background.html",
   "description": "Add a context menu item to search for selected text at Google Maps.",
   "icons": {
      "16": "icon16.png",
      "48": "icon48.png"
   },
   "minimum_chrome_version": "6",
   "name": "Google Maps Right Click",
   "permissions": [ "contextMenus", "tabs" ],
   "version": "1.0"
}

Você também precisa de um arquivo background.html, que deve ser parecido com isto:

<script>

function searchgooglemaps(info)
{
 var searchstring = info.selectionText;
 chrome.tabs.create({url: "http://maps.google.com/maps?q=" + searchstring})
}

chrome.contextMenus.create({title: "Search Google Maps", contexts:["selection"], onclick: searchgooglemaps});

</script>

Por fim, você deve ter pelo menos um ícone de 16 × 16 pixels para o menu de contexto e um ícone de 48 × 48 pixels para a página de gerenciamento de extensões. Você também pode especificar um ícone de 128 × 128 pixels, que é exibido durante a instalação, e um ícone de 32 × 32 pixels, se quiser enviar sua extensão para a galeria oficial. Todos os seus ícones precisam ser listados no manifest.json. Certifique-se de que os tipos e os nomes de arquivos correspondam.

Coloque os ícones background.html e manifest.json juntos em uma pasta, depois vá para a página de gerenciamento de extensões em chrome://extensions , procure em modo de desenvolvedor (acho que você precisa estar executando o canal beta ou superior para que isso apareça), clique em Extensão do pacote… , ao lado de Diretório raiz da extensão clique em Procurar… , localize e selecione a pasta que você criou, clique em OK e arraste o arquivo .crx resultante para a sua janela do Google Chrome.

    
por 05.09.2010 / 00:49
5

Existe uma extensão Context Search que faz o que você quer com uma exceção que não adiciona nada para o menu do botão direito; em vez disso, depois de selecionar um pedaço de texto na página, ele mostrará um pequeno botão com um triângulo azul ao lado e, ao clicar nele, o menu será exibido.

    
por 23.08.2010 / 12:20
1

Estou curtindo uma extensão chamada Direito personalizado Clique no menu Ele permite criar itens de menu totalmente configuráveis com o botão direito do mouse e até funciona em outros navegadores (Opera: Instalar extensões do Chrome , Firefox: Chrome Store Foxified .

  • Instale "Menu do botão direito do mouse personalizado" na Chrome Store
  • Abra as Opções do menu do botão direito do mouse personalizado
  • Na seção Editando o CRM, selecione Seleção
  • Desloque-se para os motores de pesquisa normalmente utilizados e adicione um
  • Adiciona esse mecanismo de pesquisa na seção "Editando o CRM".
  • Clique nele, não no equipamento, para editá-lo.
  • Altere o nome para "Pesquisar amazon.co.uk" ou o que for
  • Altere o código para

    var query;
    var url = "https://www.amazon.co.uk/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords=%s";
    if (crmAPI.getSelection()) {
        query = crmAPI.getSelection();
    } else {
        query = window.prompt('Please enter a search query.');
    }
    if (query) {
        window.open(url.replace(/%s/g,query), '_blank');
    }
    
  • Crie outro item de menu do tipo de script, chame-o de "Google Map" ou o que for e codifique da mesma maneira:

    var query;
    var url = "https://www.google.com/maps/search/%s";
    if (crmAPI.getSelection()) {
        query = crmAPI.getSelection();
    } else {
        query = window.prompt('Please enter a search query.');
    }
    if (query) {
        window.open(url.replace(/%s/g,query), '_blank');
    }
    
por 12.07.2018 / 06:48
0

Existe uma extensão chamada "Pesquisa do menu de contexto". Ele permite adicionar URLs a ele e, quando você seleciona um texto, e clica em um dos URLs, ele passa esse texto para o URL em que você clicou.

Por exemplo, o URL de pesquisa do YouTube é:

http://www.youtube.com/results?search_query=TESTSEARCH

onde TESTSEARCH é o texto que você deseja pesquisar. Na extensão, você adiciona essa linha e ela substituirá automaticamente TESTSEARCH pelo texto selecionado quando você pressioná-lo. Você pode, é claro, adicionar um marcador para cada URL.

Aqui está o link para a extensão.

link

    
por 27.09.2012 / 17:23
0

Oi desde que a pergunta principal foi respondida Eu quero contribuir com algo.

Este é um script simplesmente modificado, similar à pesquisa reversa de imagens com o google, mas redireciona imglink.jpg para o Exif Viewer de Jeffrey para analisar o EXIF de uma imagem.

Obrigado ao gdejohn .

Fácil, crie esses 2 arquivos que usei o bloco de notas, adicione alguns ícones 16x16, 48x48 e 128x128 (ou exclua linha) e vá para o modo de desenvolvedor chrome: // extensions / tick adicionar a pasta contendo os arquivos.

Nome do arquivo: manifest.json

{
"manifest_version": 2,
    "background" : { "scripts": ["background.js"] },
    "description": "Agrega un menu contextual para ver el EXIF de imagenes. Jeffrey's Exif Viewer",
    "icons": {
            "16": "icon16.png",
            "48": "icon48.png",
            "128": "icon128.png"
        },
   "minimum_chrome_version": "6",
   "name": "Regex Exif Viewer Right Click",
   "permissions": [ "contextMenus", "tabs", "http://*/*",
 "https://*/*" ],
   "version": "1.0"
}

Nome do arquivo: background.js

/**
 * Returns a handler which will open a new tab when activated.
 */


function getClickHandler() {
  return function(info, tab) {

    // The srcUrl property is only available for image elements.

var url = "http://regex.info/exif.cgi?imgurl=" + info.srcUrl;

    // Create a new tabto the info page.

chrome.tabs.create({ url: url, });
  };
};



/**
 * Create a context menu which will only show up for images.
 */


chrome.contextMenus.create({
  "title" : "Get image info via Jeffrey's Exif Viewer",
  "type" : "normal",
  "contexts" : ["image"],
  "onclick" : getClickHandler()
});
    
por 16.11.2015 / 21:06