Create a table that display’s the browser information:

<table>
        <tr>
            <td>
                <span>Browser Name:</span>
            </td>
            <td>
                <label id="appName">
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <span>Browser Version:</span>
            </td>
            <td>
                <label id="appVersion">
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <span>Cookies Enabled:</span>
            </td>
            <td>
                <label id="cookieEnabled">
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <span>Platform:</span>
            </td>
            <td>
                <label id="platform">
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <span>User-agent header</span>
            </td>
            <td>
                <label id="userAgent">
                </label>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="button" value="Check Browser Information" onclick="getBrowserInfo()" />
            </td>
        </tr>
    </table>

After creating the layout, call the java script function as shown below:

<script type="text/javascript">
        function getBrowserInfo() {
            document.getElementById("appName").innerHTML = navigator.appName;
            document.getElementById("appVersion").innerHTML = navigator.appVersion;
            document.getElementById("cookieEnabled").innerHTML = navigator.cookieEnabled;
            document.getElementById("platform").innerHTML = navigator.platform;
            document.getElementById("userAgent").innerHTML = navigator.userAgent;

        }
</script>

After creating the above you can easily detect the browser information.