Set up extension

extension/background.js

@@ -0,0 +1,17 @@
+// Called when the user clicks on the browser action.
+chrome.browserAction.onClicked.addListener(function(tab) {
+  // Send a message to the active tab
+  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
+    var activeTab = tabs[0];
+    chrome.tabs.sendMessage(activeTab.id, {"message": "clicked_browser_action"});
+  });
+});
+
+// This block is new!
+chrome.runtime.onMessage.addListener(
+  function(request, sender, sendResponse) {
+    if( request.message === "open_new_tab" ) {
+      chrome.tabs.create({"url": request.url});
+    }
+  }
+);

extension/content.js

@@ -0,0 +1,12 @@
+chrome.runtime.onMessage.addListener(
+  function(request, sender, sendResponse) {
+    if( request.message === "clicked_browser_action" ) {
+      var firstHref = $("a[href^='http']").eq(0).attr("href");
+
+      //This is site url
+      console.log(firstHref);
+      var focusProURL = 'https://focuspro.herokuapp.com/';
+      chrome.runtime.sendMessage({"message": "open_new_tab", "url": focusProURL});
+    }
+  }
+);

extension/manifest.json

@@ -0,0 +1,20 @@
+//Tutorial: https://robots.thoughtbot.com/how-to-make-a-chrome-extension
+{
+  "manifest_version": 2,
+  "name": "FocusPro Extension",
+  "version": "0.1",
+  "background": {
+    "scripts": ["background.js"]
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "<all_urls>"
+      ],
+      "js": ["jquery-3.1.1.min.js", "content.js"]
+    }
+  ],
+  "browser_action": {
+    "default_icon": "icon.png"
+  }
+}