Quelltext der Datei: http://www.michaelster.ch/jsTestFolder/addRow_addCell_to_table.htm

Dateigrösse: 7.72 kb

[Anzeige ohne Zeilennummern]


1 
<!DOCTYPE html>
<html lang="de">
<head>
    
    <meta charset="utf-8">
    
    <title>js browser + os check</title>
        
        <style>
            html>body     { font:11pt georgia,arial,sans-serif; margin:2em 0 0 4em; }
            h1            { margin-top:0; padding-top:-1em; font:lighter 9pt verdana; }
            .header        { width: 550px; text-align: center; border: 0pt solid palevioletred; }
            .desc        { background:#dbc1c1; padding:3pt; letter-spacing:2pt; border:1pt dotted #000; }
            .value        { border:1pt dotted palevioletred; padding:3pt; font-variant: small-caps; }
            table#info    { padding:3pt; border:1pt solid #888; border-right:3px solid #444; border-bottom:3px solid #444; empty-cells:show; }
        </style>
        
        <script>
        /*** http://help.dottoro.com/ljvnkmgk.php ***/
        function AddRowToInfo(description,value)
        {
            if(value!==undefined)
            {
                var infoTable = document.getElementById("info");
                var row = infoTable.insertRow (-1);
                row.setAttribute( "class" , "zeile" );
                var cell = row.insertCell (-1);
                cell.innerHTML = description;
                cell.style.paddingRight = "5pt";
                cell.setAttribute( "class" , "desc" );
                //cell.className = "desc";
                cell = row.insertCell (-1);
                cell.innerHTML = value;
                cell.style.paddingLeft = "5pt";
                cell.setAttribute( "class" , "value" );
            }
        }

        function GetVisitorInfo() {
            AddRowToInfo ("Name of the browser (appName)", window.navigator.appName);
            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 ("Minor version of the browser (appMinorVersion)", window.navigator.appMinorVersion);
            AddRowToInfo ("Build identifier of the browser (buildID)", window.navigator.buildID);
            AddRowToInfo ("UserAgent 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);
            // in Opera, the language, browserLanguage and userLanguage properties are equivalent
            if (window.navigator.language===undefined) {  
                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);
        }
        
        //window.onload=GetVisitorInfo;
        
    </script>
</head>

<body>
    
    <div class="header">
      <h1>________________________________________________________________________</h1>
      <h2>♡ &hearts; Window Navigator Infos &hearts; ♡</h2>
    </div>
    
    <table id="info" width="550px" cellpadding="3px" cellspacing="5px">
        <colgroup>
            <col />
            <col />
        </colgroup>
        <tbody>
        </tbody>
    </table>
    
    
        <script>
        /*** http://help.dottoro.com/ljvnkmgk.php ***/
        function AddRowToInfo(description,value)
        {
            if(value!==undefined)
            {
                var infoTable = document.getElementById("info");
                var row = infoTable.insertRow (-1);
                row.setAttribute( "class" , "zeile" );
                var cell = row.insertCell (-1);
                cell.innerHTML = description;
                cell.style.paddingRight = "5pt";
                cell.setAttribute( "class" , "desc" );
                //cell.className = "desc";
                cell = row.insertCell (-1);
                cell.innerHTML = value;
                cell.style.paddingLeft = "5pt";
                cell.setAttribute( "class" , "value" );
            }
        }

        (function GetVisitorInfo() {
            AddRowToInfo ("Name of the browser (appName)", window.navigator.appName);
            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 ("Minor version of the browser (appMinorVersion)", window.navigator.appMinorVersion);
            AddRowToInfo ("Build identifier of the browser (buildID)", window.navigator.buildID);
            AddRowToInfo ("UserAgent 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);
            // in Opera, the language, browserLanguage and userLanguage properties are equivalent
            if (window.navigator.language===undefined) {  
                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);
        })();
        
        
    /*** Browser detect - see: https://stackoverflow.com/questions/17447373/how-can-i-target-only-internet-explorer-11-with-javascript ***/
    navigator.type = (function() {
        var N = navigator.appName, ua=navigator.userAgent, tem;
        var M = ua.match(/(opera|chrome|safari|firefox|msie)\/?\s*(\.?\d+(\.\d+)*)/i);
        if(M && (tem = ua.match(/version\/([\.\d]+)/i))!= null) 
            M[2] = tem[1];
        M = M ? [M[1], M[2]] : [N, navigator.appVersion,'-?'];
        console.log(M[0]+' - '+M[1]);
        return M;
    })();
    
    </script>
    
</body>
</html>