title: Browser detection is not showing what browser I am using
body: <p>I'm trying to get this javascript code to display simply the name of the browser I am using to display the web page. I am using safari and none of the navigators display the fact that I am running safari. On my browser, it displays the following:</p>
  
  <p>Name: Netscape
  Code name: Mozilla
  Product: Gecko
  Version: 5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/602.4.8 (KHTML, like Gecko) Version/10.0.3 Safari/602.4.8
  Platform: MacIntel
  User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/602.4.8 (KHTML, like Gecko) Version/10.0.3 Safari/602.4.8</p>
  
  <p>How can I get the script to display what browser the client is using? I've read from other posts that navigator.appName achieves this, but it doesn't since Netscape is not the name of the browser; Safari in my case is.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function BrowserIdentity() {
   document.getElementById("browser-detection").innerHTML = "Name: " + navigator.appName + "&lt;br&gt;Code name: " + navigator.appCodeName +"&lt;br&gt;Product: " + navigator.product + "&lt;br&gt;Version: " + navigator.appVersion + "&lt;br&gt;Platform: " + navigator.platform + "&lt;br&gt;User agent: " + navigator.userAgent;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h3&gt;Navigator Details&lt;/h3&gt;
  
  &lt;p&gt;Click the button to display navigator details:&lt;/p&gt;
  
  &lt;button onClick="BrowserIdentity()"&gt;Click Me&lt;/button&gt;
  
  &lt;p id="browser-detection"&gt;&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>