読者です 読者をやめる 読者になる 読者になる

tweeeetyのぶろぐ的めも

アウトプットが少なかったダメな自分をアウトプット<br>\(^o^)/

chrome extensionsでcontextMenusを使ってみるテスト1

はじめに

chrome extensionsでcontextMenusを使ってみます。
contextMenusは右クリック押したら出るアレです(説明適当ですみません

何かお題がないとやりにくいのでとりあえず

「どっかのwebページで右クリック押したら、
とあるメニューが出てそれ押すと新規タブで自分が登録(定義?)したプチお気に入り開く」

とかにしておきます。

作ってみるテスト

ファイル構成

test_ex1
|-- background.js
|-- icon16.png
`-- manifest.json

manifest
{
  "name": "context menus test",
  "version": "0.1",
  "manifest_version": 2,
  
  "description": "test context menus",
  
  "permissions" : [
    "tabs", "http://*/*", "https://*/*", "contextMenus"
  ],
  
  "icons" : {
    "16" : "icon16.png"
  },
  
  "background" : {
    "scripts" : ["background.js"]
  }
}
background.js
chrome.contextMenus.create({
  "title" : "プチブックマークに飛ぶ",
  "type"  : "normal",
  "contexts" : ["all"],
  "onclick" : function(info){
    var url = "https://www.google.co.jp/"
    chrome.tabs.create({ url : url});
  }
});
結果

無事右クリックで「プチブックマークに飛ぶ」って文字が表示されました
もちろんクリックすると新規タブでhttps://www.google.co.jp/を開きます

その他

あまり必要はないけど、上記サンプルを使ったchrome extensionの
登録〜実行はこちらに。。。