Google Chromeで右クリックオプションを追加できますか？

Google Chromeでは、テキストを選択して右クリックすると、次のオプションが表示されます：

「Googleで[テキスト]を検索」

これは非常に便利ですが、独自のオプションを追加できるようにもしたいと思います。

たとえば、選択したテキストを使用してamazon.co.ukを検索したり、選択したテキスト（住所や郵便番号など）を使用してGoogleマップに直接アクセスしたりする機能を追加したいと思います。

PhraseExpressを使用してこの機能を並べ替えることができますが、Chromeから直接行うことができます-可能ですか？

コンテキストメニューAPIを使用して、選択したテキストの右クリックメニューにオプションを追加し、独自のカスタム検索を定義できる拡張機能を次に示します。

• コンテキストメニュー検索

http://maps.google.com/maps?q=TESTSEARCHGoogleマップとhttp://www.amazon.co.uk/s/?url=search-alias%3Daps&field-keywords=TESTSEARCHAmazon.co.ukをお試しください。

開発者向けおよびベータ版チャンネルで利用可能な最近のコンテキストメニューAPIがあります。これを使用して、右クリックメニューにオプションを追加する独自の拡張機能を作成できます。これは、Google Chromeバージョン6以降でのみ機能することに注意してください。

公式の拡張機能ギャラリーの例を次に示します。

• Imgur Uploader（右クリックで画像をImgurにアップロード）

また、そのコードに基づいて、独自の3つを作成しました。

• TinEyeの右クリック（右クリックでTinEyeでリバースイメージ検索を実行）
• ウィキペディアの右クリック（右クリックでウィキペディアで選択したテキストに関する記事を検索）
• Merriam-Websterの右クリック（右クリックでMerriam-Websterで選択したテキストの定義を検索）

リンクを右クリックして[名前を付けてリンクを保存... ]をクリックし、コンピューター上のファイルを見つけて、Google Chromeウィンドウにドラッグすることで、自己責任でインストールできます。

ここでAPIについて読む：

• コンテキストメニュー

独自に記述するには、manifest.jsonファイルが必要です。このファイルは次のようになります。

{
   "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"
}

background.htmlファイルも必要です。このファイルは次のようになります。

<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>

最後に、コンテキストメニュー用に少なくとも16×16ピクセルのアイコンと、拡張機能管理ページ用に48×48ピクセルのアイコンが必要です。また、インストール中に表示される128×128ピクセルのアイコンと、公式ギャラリーに拡張機能を送信する場合は32×32ピクセルのアイコンを指定することもできます。すべてのアイコンをmanifest.jsonにリストする必要があります。ファイルの種類と名前が一致していることを確認してください。

アイコン、background.html、manifest.jsonをフォルダーにまとめて、拡張機能管理ページのにアクセスし、開発者モードをchrome://extensions確認します（これを表示するには、ベータチャンネル以上を実行する必要があると思います）。 [ パックの拡張機能 ]をクリックし、[ 拡張機能のルートディレクトリ ]の横にある[ 参照... ]をクリックして、作成したフォルダーを見つけて選択し、[ OK ]をクリックし、結果の.crxファイルをGoogle Chromeウィンドウにドラッグします。

右クリックメニューに何も追加しないという例外を除き、必要なことを実行するコンテキスト検索拡張機能があります。代わりに、ページ上のテキストチャンクを選択すると、横に青い三角形の付いた小さなボタンが表示され、クリックするとメニューがポップアップ表示されます。

カスタム右クリックメニューと呼ばれる拡張機能を楽しんでい ます。完全に設定可能な右クリックメニュー項目を作成でき、他のブラウザーでも動作します（Opera：Chrome拡張機能のインストール、Firefox：Chrome Store Foxified）。

• Chromeストアから「カスタム右クリックメニュー」をインストールします
• カスタム右クリックメニューのオプションを開く
• [CRMの編集]セクションで、[選択]を選択します
• 一般的に使用される検索エンジンまでスクロールし、追加します
• [CRMの編集]セクションにその検索エンジンを追加します。
• 編集するには、ギアではなくクリックします。
• 名前を「Search amazon.co.uk」などに変更します

• コードを

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

• スクリプトタイプの別のメニュー項目を作成し、「Googleマップ」などと呼び、同じ方法でコーディングします。

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

「コンテキストメニュー検索」と呼ばれる拡張機能があります。URLを追加し、テキストを選択してURLの1つをクリックすると、クリックしたURLにそのテキストを渡します。

たとえば、YouTubeの検索URLは次のとおりです。

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

ここで、TESTSEARCHは検索するテキストです。拡張機能でこの行を追加すると、TESTSEARCHを押すと、選択したテキストに自動的に置き換えられます。もちろん、各URLにラベルを追加できます。

拡張機能へのリンクは次のとおりです。

https://chrome.google.com/webstore/detail/ocpcmghnefmdhljkoiapafejjohldoga

こんにちは。主な質問に答えたので、何か貢献したいと思います。

これは、Googleでの逆画像検索に似た単純に変更されたスクリプトですが、imglink.jpgをJeffreyのExif Viewerにリダイレクトして、画像のEXIFを分析します。

gdejohnに感謝します。

簡単に、メモ帳を使用してこの2つのファイルを作成し、16x16、48x48、128x128のアイコンを追加（または行を削除）し、chrome：// extensions / tick開発者モードに移動して、ファイルを含むフォルダーを追加します。

ファイル名：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"
}

ファイル名：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()
});