なろう分析記録

『小説家になろう』をふくめ『ネット小説投稿サイト』を分析する。コード置き場,主にPython,javascript,たまに創作。

Chrome拡張機能開発 contextMenus(コンテクストメニュー)についてのメモ

contextMenus(コンテクストメニュー)とは

右クリックした時に出てくるリストのこと。

色々と検証

どうやら、コンテクストメニューをつかう場合は、.htmlではなくmanifest.jsonの「”background”」でjsファイルを指定しないといけないらしい。

manifest.json

{
    "manifest_version": 2,
    "name": "action_button_sample",
    "description": "action_button_sample",
    "version": "1.0",


    "background" : {
     "scripts" : ["background.js"]
   },
   
    "permissions" : [
      "contextMenus",
      "http://*/*",
      "https://*/*"
    ],


    "icons" : {
      "16" : "icons/icon48.png"
    }
}

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

f:id:karupoimou:20190422040657p:plain
サンプル

参考にしたページ

Google Chrome Extensionを作ってみた-その7- | DevelopersIO

上記のページのサンプルでは動かず、


chrome extensionsでcontextMenusを使ってみるテスト1 - tweeeetyのぶろぐ的めも


上記のページのやり方では動いた。


2019.04.22 chrome バージョン: 73.0.3683.103(Official Build) (64 ビット)での場合での検証。