Inline install for Chrome's extension.

Author: sebadoom

js/app.js

@@ -699,6 +699,37 @@ $('.stars').each(function(idx, element){
     }
 });
 
+$('#extension-button').on('click', function() {
+    function isChrome() {
+        // please note,
+        // that IE11 now returns undefined again for window.chrome
+        // and new Opera 30 outputs true for window.chrome
+        // and new IE Edge outputs to true now for window.chrome
+        // and if not iOS Chrome check
+        // so use the below updated condition
+        var isChromium = window.chrome,
+            winNav = window.navigator,
+            vendorName = winNav.vendor,
+            isOpera = winNav.userAgent.indexOf("OPR") > -1,
+            isIEedge = winNav.userAgent.indexOf("Edge") > -1,
+            isIOSChrome = winNav.userAgent.match("CriOS");
+
+        if(isIOSChrome){
+           return false;
+        } else if(isChromium !== null && isChromium !== undefined && vendorName === "Google Inc." && isOpera == false && isIEedge == false) {
+           return true;
+        } else {
+           return false;
+        }
+    }
+
+    if(isChrome()) {
+        chrome.webstore.install();
+    } else {
+        window.open('https://chrome.google.com/webstore/detail/jwt-debugger/ppmmlchacdbknfphdeafcbmklcghghmd');
+    }
+});
+
 //CANVAS
 // $(function(){
 //   var canvas = document.querySelector('canvas'),

views/index.jade

@@ -45,7 +45,7 @@ block content
     span
       strong Love JWT.IO? 
       | Bring the debugger to your favorite browser with our new chrome extension.
-    a(href="https://chrome.google.com/webstore/detail/jwt-debugger/ppmmlchacdbknfphdeafcbmklcghghmd", class="extension-button", target="_blank")
+    span#extension-button(class="extension-button")
       svg(width='14px', height='13px', viewbox='24 11 14 13', version='1.1', xmlns='http://www.w3.org/2000/svg', xmlns:xlink='http://www.w3.org/1999/xlink')
         defs
           path#path-1(d='M30.0287226,15.7142857 L30.0287226,11 L31.600907,11 L31.600907,15.7142857 L36.3174603,15.7142857 L36.3174603,17.2857143 L31.600907,17.2857143 L31.600907,22 L30.0287226,22 L30.0287226,17.2857143 L25.3121693,17.2857143 L25.3121693,15.7142857 L30.0287226,15.7142857 Z')

views/layout.jade

@@ -66,7 +66,9 @@ html(lang='en')
     meta(name='msapplication-TileColor', content='#000000')
     meta(name='msapplication-TileImage', content='/img/favicon/ms-icon-144x144.png')
     meta(name='theme-color', content='#000000')
-
+    
+    // Chrome extension link, required for inline installs
+    link(rel="chrome-webstore-item", href="https://chrome.google.com/webstore/detail/ppmmlchacdbknfphdeafcbmklcghghmd")
 
     // HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries
     | <!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]-->