0.1.0

Author: Swarag-N

README.md

@@ -1,2 +1,3 @@
 # Dev Helper
- Chrome Extention for Web Developer
+
+ Chrome Extension for Web Developer

src/background.js

@@ -0,0 +1,13 @@
+console.log("Background JS")
+
+let activate = true
+
+function devHelperStart(tab){
+    chrome.tabs.sendMessage(tab.id,{activate})
+    activate = !activate
+    console.log("activate",activate)
+}
+
+
+chrome.browserAction.onClicked.addListener(devHelperStart)
+

src/content.js

@@ -0,0 +1,21 @@
+console.log("Using Dev-Helper");
+
+test = document.getElementsByTagName("body");
+
+function devHelper(event) {
+  // highlight the mouseover target
+  event.target.style.border = "1px dashed #0000FF";
+  // reset the border after a short delay
+  setTimeout(function () {
+    event.target.style.border = "";
+  }, 500);
+}
+
+function DevHelperController(command, sender, sendResponse) {
+  if (command.activate) {
+    test[0].addEventListener("mouseover", devHelper, false);
+  } else {
+    test[0].removeEventListener("mouseover", devHelper);
+  }
+}
+chrome.runtime.onMessage.addListener(DevHelperController);

src/manifest.json

@@ -0,0 +1,18 @@
+{
+  "manifest_version": 2,
+  "name": "Dev Helper",
+  "description": "Chrome Extension for Web Developer",
+  "version": "0.1.0",
+  "author": "Swarag Naryanasetty",
+  "browser_action": {
+  },
+  "content_scripts": [
+    {
+      "matches": ["<all_urls>"],
+      "js": ["content.js"]
+    }
+  ],
+  "background":{
+      "scripts":["background.js"]
+  }
+}