You are here: Reference > JavaScript > client-side > browser > properties > appName (clientInformation, navigator)

appName property (clientInformation, navigator)

Browser support:
Returns the name of the browser.
This property can be used to detect the type of the user's browser. Generally, checking the existence of some methods or properties is enough to create appropriate JavaScript code for different browsers. However, in some cases, detecting the type of the browser may be necessary. For a detailed description, please see the page for Browser detection.
To get various information about the browser and the operating system of the user, please see the page for the navigator object and the example below.

Syntax:

object.appName;
You can find the related objects in the Supported by objects section below.
This property is read-only.

Possible values:

String that represents the name of the browser.
The following list represents some of the possible values:
Microsoft Internet Explorer
The browser is Internet Explorer.
Netscape
The browser may be Firefox, Google Chrome, Safari, Netscape, ...
Opera
The browser is Opera.
Default: this property has no default value.

Example HTML code 1:

This example illustrates the appName property:
<head>
    <script type="text/javascript">
        function GetAppName () {
            var appName = navigator.appName;
            var output = document.getElementById ("output");
            output.innerHTML = "The name of your application is: " + appName;
        }
    </script>
</head>
<body onload="GetAppName ();">
    <div id="output"></div>
</body>
Did you find this example helpful? yes no

Example HTML code 2:

This example displays various information about the browser and the operating system of the user:
<head>
    <script type="text/javascript">
        function AddRowToInfo (description, value) {
            if (value !== undefined) {
                var infoTable = document.getElementById ("info");
                var row = infoTable.insertRow (-1);
                var cell = row.insertCell (-1);
                cell.innerHTML = description;
                cell.style.paddingRight = "10px";
                cell = row.insertCell (-1);
                cell.innerHTML = value;
                cell.style.paddingLeft = "10px";
            }
        }

        function GetVisitorInfo () {
            AddRowToInfo ("Name of the browser (appName)", window.navigator.appName);
            AddRowToInfo ("Name of the browser vendor (vendor)", window.navigator.vendor);
            AddRowToInfo ("Code name of the browser (appCodeName)", window.navigator.appCodeName);
            AddRowToInfo ("Engine of the browser (product)", window.navigator.product);
            AddRowToInfo ("Build number of the browser engine (productSub)", window.navigator.productSub);
            if (window.opera) {
                AddRowToInfo ("Build number of the browser (buildNumber)", window.opera.buildNumber ());
                AddRowToInfo ("Version number of the browser (version)", window.opera.version ());
            }
            AddRowToInfo ("Version and platform of the browser (appVersion)", window.navigator.appVersion);
            AddRowToInfo ("Version of the browser given by the vendor (vendorSub)", window.navigator.vendorSub);
            AddRowToInfo ("Minor version of the browser (appMinorVersion)", window.navigator.appMinorVersion);
            AddRowToInfo ("Build identifier of the browser (buildID)", window.navigator.buildID);
            AddRowToInfo ("User-agent request header (userAgent)", window.navigator.userAgent);
            AddRowToInfo ("Language of the browser (language)", window.navigator.language);
            AddRowToInfo ("Cookies are enabled (cookieEnabled)", window.navigator.cookieEnabled);

            AddRowToInfo ("Operating system (platform)", window.navigator.platform);
            if (window.navigator.language === undefined) {  // in Opera, the language, browserLanguage and userLanguage properties are equivalent
                AddRowToInfo ("Language of the operating system's user interface (browserLanguage)", window.navigator.browserLanguage);
                AddRowToInfo ("Regional and Language settings of the operating system (userLanguage)", window.navigator.userLanguage);
            }
            AddRowToInfo ("Language of the installed operating system (systemLanguage)", window.navigator.systemLanguage);
            AddRowToInfo ("Class of CPU (cpuClass)", window.navigator.cpuClass);
            AddRowToInfo ("Information about the OS and CPU (oscpu)", window.navigator.oscpu);
            AddRowToInfo ("System is online (onLine)", window.navigator.onLine);
        }
    </script>
</head>
<body onload="GetVisitorInfo ();">
    <table id="info" cellpadding="0px" cellspacing="0px" border="1px" style="empty-cells:show;">
        <colgroup>
            <col style="background-color: #e0a0b0;" />
            <col />
        </colgroup>
        <tbody>
        </tbody>
    </table>
</body>
Did you find this example helpful? yes no

Supported by objects:

External links:

User Contributed Comments

Post Content

Post Content