🎉增加chrome插件功能

extension/_locales/en/messages.json

@@ -0,0 +1,11 @@
+{
+  "extensionName": {
+    "message": "whats-element"
+  },
+  "extensionDescription": {
+    "message": "whats-element."
+  },
+  "browserActionTitle": {
+    "message": "click and compute."
+  }
+}

extension/_locales/zh_CN/messages.json

@@ -0,0 +1,11 @@
+{
+  "extensionName": {
+    "message": "whats-element"
+  },
+  "extensionDescription": {
+    "message": "whats-element."
+  },
+  "browserActionTitle": {
+    "message": "click and compute."
+  }
+}

extension/manifest.json

@@ -0,0 +1,51 @@
+{
+  "manifest_version": 2,
+  "name": "__MSG_extensionName__",
+  "short_name": "__MSG_extensionName__",
+  "version": "0.0.1",
+  "description": "__MSG_extensionDescription__",
+  "default_locale": "en",
+  "icons": {
+    "16": "images/icon-16.png",
+    "32": "images/icon-32.png",
+    "48": "images/icon-48.png",
+    "64": "images/icon-64.png",
+    "96": "images/icon-96.png",
+    "128": "images/icon-128.png"
+  },
+  "permissions": [
+    "contextMenus",
+    "activeTab",
+    "tabs"
+  ],
+  "browser_action": {
+    "default_icon": {
+      "16": "images/icon-16.png",
+      "32": "images/icon-32.png",
+      "48": "images/icon-48.png",
+      "64": "images/icon-64.png",
+      "96": "images/icon-96.png",
+      "128": "images/icon-128.png"
+    },
+    "default_title": "__MSG_browserActionTitle__"
+  },
+  "commands": {
+    "whats_element": {
+      "description": "compute element",
+      "suggested_key": {
+        "default": "Ctrl+Shift+E"
+      }
+    }
+  },
+  "background": {
+    "scripts": ["scripts/background.js"],
+    "persistent": false
+  },
+  "content_scripts": [
+    {
+      "matches": [ "<all_urls>" ],
+      "js": ["scripts/whatsElement.js"],
+      "all_frames": true
+    }
+  ]
+}

extension/scripts/background.js

@@ -0,0 +1,38 @@
+(function CreateContextMenus() {
+  chrome.contextMenus.removeAll();
+  chrome.contextMenus.create({
+    id: 'whats-element-get',
+    title: 'whats element(Ctrl+Shift+E)',
+    contexts: ["page", "frame", "selection", "link", "editable", "image", "video", "audio"]
+  })
+})()
+
+chrome.contextMenus.onClicked.addListener((info) => {
+  executeWhats()
+});
+
+
+chrome.browserAction.onClicked.addListener(function(tab) {
+  executeWhats()
+});
+
+chrome.commands.onCommand.addListener((command) => {
+  if(command==="whats_element"){
+    executeWhats()
+  }
+});
+
+function executeWhats(){
+  chrome.tabs.executeScript({
+    code: 'window.whats.getUniqueId();',
+    allFrames: true,
+  })
+}
+
+
+
+
+
+
+
+

gulpfile.js

@@ -6,7 +6,8 @@ gulp.task('compress', function (cb) {
     pump([
             gulp.src('src/**/*.js'),
             uglify(),
-            gulp.dest('dist')
+            gulp.dest('dist'),
+            gulp.dest('extension/scripts')
         ],
         cb
     );