adding detection for MS Edge browser

index.html

@@ -71,6 +71,7 @@ <h2>Input tests <small>Note that you don't need to submit any form for data trac
         <div id="height"></div>
         <div id="chrome_detect"></div>
         <div id="firefox_detect"></div>
+        <div id="edge_detect"></div>
 
         <div id="font_detection1">test</div>
 

results.php

@@ -39,6 +39,7 @@
             <li></li>
             <li>Browser Chrome: <b><?php print $_SESSION['browser_chrome']?></b></li>
             <li>Browser Firefox: <b><?php print $_SESSION['browser_firefox']?></b></li>
+            <li>Browser Edge: <b><?php print $_SESSION['browser_edge']?></b></li>
             <li>Orientation: <b><?php print $_SESSION['orientation']?></b></li>
             <li>Resolution: <b><?php print $_SESSION['width']?>x<?php print $_SESSION['height']?></b> (only often used widths are supported, your screen resolution is greater than or equal to shown resolution.)</li>
         </ul>

screen.css

@@ -86,7 +86,7 @@
 }
 
 /* Taken from http://browserhacks.com/ */
-@supports (-webkit-appearance:none) {
+@supports (-webkit-appearance:none) and (not (-ms-ime-align:auto)){
     #chrome_detect::after {
         content: url("track.php?action=browser_chrome");
     }
@@ -98,6 +98,12 @@
     }
 }
 
+/* Taken from https://browserstrangeness.github.io/css_hacks.html */
+@supports (-ms-ime-align:auto) {
+    #edge_detect::after {
+        content: url("track.php?action=browser_edge")
+    }
+}
 
 /** Font detection **/
 @font-face {

track.php

@@ -48,6 +48,9 @@
     case "browser_firefox":
         $_SESSION["browser_firefox"] = true;
         break;
+    case "browser_edge":
+        $_SESSION["browser_edge"] = true;
+        break;
     case "font1":
         $_SESSION["font1"] = false;
         break;
@@ -57,7 +60,6 @@
     case "checkbox":
         $_SESSION["checkbox"] = date(DATE_RFC822);
         break;
-
     case "reset":
         session_unset();
         print("Results were cleared!");