{"id":6856,"date":"2016-03-29T17:39:48","date_gmt":"2016-03-29T08:39:48","guid":{"rendered":"http:\/\/www.ka-net.org\/blog\/?p=6856"},"modified":"2016-03-29T17:39:48","modified_gmt":"2016-03-29T08:39:48","slug":"microsoft-edge%e3%81%ae%e6%8b%a1%e5%bc%b5%e6%a9%9f%e8%83%bd%e3%82%92%e8%89%b2%e3%80%85%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82","status":"publish","type":"post","link":"https:\/\/www.ka-net.org\/blog\/?p=6856","title":{"rendered":"Microsoft Edge\u306e\u62e1\u5f35\u6a5f\u80fd\u3092\u8272\u3005\u8a66\u3057\u3066\u307f\u305f\u3002"},"content":{"rendered":"

\u524d\u56de\u306e\u8a18\u4e8b<\/a>\u3067\u306fMicrosoft Edge\u306e\u62e1\u5f35\u6a5f\u80fd(Microsoft Edge Extensions)\u306e\u52d5\u4f5c\u78ba\u8a8d\u3092\u884c\u3044\u307e\u3057\u305f\u3002
\n\u3068\u3044\u3063\u3066\u3082\u30a2\u30e9\u30fc\u30c8\u8868\u793a\u3059\u308b\u3060\u3051\u306eHello World\u30d7\u30ed\u30b0\u30e9\u30e0\u306a\u306e\u3067\u3001\u62e1\u5f35\u6a5f\u80fd\u3089\u3057\u3055\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n

\u306a\u306e\u3067\u4eca\u56de\u306f\u62e1\u5f35\u6a5f\u80fd\u3067\u4f7f\u3048\u308b\u30a4\u30d9\u30f3\u30c8\u3042\u305f\u308a\u3092\u8a66\u3057\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n

\u203b \u4e0b\u8a18\u62e1\u5f35\u6a5f\u80fd\u306fWindows 10 Pro Insider Preview 10.0.14295 \u30d3\u30eb\u30c9 14295\u3001Microsoft Edge 34.14295.1000.0 \u74b0\u5883\u3067\u52d5\u4f5c\u78ba\u8a8d\u3057\u3066\u3044\u307e\u3059\u3002<\/span>
\n\u203b Edge\u7528\u62e1\u5f35\u6a5f\u80fd\u306e\u30c6\u30b9\u30c8\u65b9\u6cd5\u306f\u524d\u56de\u306e\u8a18\u4e8b<\/a>\u3092\u3054\u53c2\u7167\u304f\u3060\u3055\u3044\u3002<\/span><\/p>\n

manifest.json<\/h4>\n
{\r\n  "name": "\u30c6\u30b9\u30c8\u7528\u62e1\u5f35\u6a5f\u80fd",\r\n  "description": "\u30c6\u30b9\u30c8\u7528\u306e\u62e1\u5f35\u6a5f\u80fd\u3067\u3059\u3002",\r\n  "version": "1.0.0.0",\r\n  "locale": "ja",\r\n  "default_locale": "ja",\r\n  "icons": {\r\n    "24": "img\/icon_24.png",\r\n    "128": "img\/icon_128.png"\r\n  },\r\n  "background": {\r\n    "page": "background.html"\r\n  },\r\n  "browser_action": {\r\n    "title": "My Extension",\r\n    "icon": {\r\n      "20": "img\/icon_20.png",\r\n      "25": "img\/icon_25.png",\r\n      "30": "img\/icon_30.png",\r\n      "40": "img\/icon_40.png"\r\n    }\r\n  },\r\n  "permissions": [\r\n    "tabs"\r\n  ]\r\n}<\/pre>\n
background.html<\/h4>\n
<!DOCTYPE html>\r\n<html lang="ja">\r\n<head>\r\n  <title>Sample Extension<\/title>\r\n  <meta charset="utf-8">\r\n  <script src=".\/js\/background.js"><\/script>\r\n<\/head>\r\n<\/html><\/pre>\n
background.js<\/h4>\n
(function() {\r\n    typeof msBrowser != "undefined" ? chrome = msBrowser : typeof browser != "undefined" ? chrome = browser : chrome = null;\r\n    \r\n    \/\/\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u6642\u306b\u5b9f\u884c\r\n    chrome.runtime.onInstalled.addListener(function(n) {\r\n        alert("chrome.runtime.onInstalled : " + n.reason);\r\n    });\r\n    \r\n    \/\/\u30dc\u30bf\u30f3\u30af\u30ea\u30c3\u30af\u6642\u306b\u5b9f\u884c\r\n    chrome.browserAction.onClicked.addListener(function(tab) {\r\n        chrome.tabs.create({\r\n            url: "\/\/www.ka-net.org\/blog\/"\r\n        });\r\n    });\r\n    \r\n    \/\/\u30bf\u30d6\u304c\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u306a\u3063\u305f\u6642\u306b\u5b9f\u884c\r\n    chrome.tabs.onActivated.addListener(function(info) {\r\n        chrome.tabs.get(info.tabId, function(tab) {\r\n            alert("chrome.tabs.onActivated : " + tab.url);\r\n        });\r\n    });\r\n    \r\n    \/\/\u30bf\u30d6\u4f5c\u6210\u6642\u306b\u5b9f\u884c\r\n    chrome.tabs.onCreated.addListener(function(tab) {\r\n        alert("chrome.tabs.onCreated : " + tab.url);\r\n    });\r\n    \r\n    \/\/\u30bf\u30d6\u66f4\u65b0\u6642\u306b\u5b9f\u884c\r\n    chrome.tabs.onUpdated.addListener(function(id, info, tab) {\r\n        var str = "chrome.tabs.onUpdated : \\n";\r\n        str += "  tabId : " + id + "\\n";\r\n        str += "  changeInfo.status : " + info.status + "\\n";\r\n        str += "  changeInfo.url : " + info.url + "\\n";\r\n        str += "  tab.title : " + tab.title + "\\n";\r\n        str += "  tab.url : " + tab.url;\r\n        alert(str);\r\n    });\r\n    \r\n})()<\/pre>\n
\u52d5\u4f5c\u753b\u9762<\/h4>\n
\"Microsoft_Edge_Extensions_02_01\"<\/p>\n
\u611f\u60f3<\/h4>\n
\u4eca\u56deEdge\u306e\u62e1\u5f35\u6a5f\u80fd\u7528\u306b\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u3066\u307f\u307e\u3057\u305f\u304c\u3001\u3084\u3063\u3066\u307f\u308b\u3068\u201cChrome\u306e\u62e1\u5f35\u3068\u5927\u4f53\u540c\u3058\u201d<\/span>\u3067\u3042\u308b\u3053\u3068\u3092\u5b9f\u611f\u3057\u307e\u3057\u305f\u3002<\/p>\n
\u305d\u306e\u305f\u3081\u3001\u4e0b\u8a18Web\u30da\u30fc\u30b8\u306e\u3088\u3046\u306aChrome\u306e\u62e1\u5f35\u6a5f\u80fd\u958b\u767a\u306b\u95a2\u3059\u308b\u89e3\u8aac\u30da\u30fc\u30b8\u304c\u975e\u5e38\u306b\u53c2\u8003\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n