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

Dateigrösse: 8.7 kb

[Anzeige ohne Zeilennummern]

1 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    
    <title>jQuery inspired isMobileCheck</title>

<style>
@import url('https://fonts.googleapis.com/css?family=Meddon');
</style>

<style>
  html        { padding: 2pt 40pt 2pt 20pt;}
  body         { font: bold 14pt verdana,arial,sans-serif; padding: 2pt; margin: 20pt; color: #000; background: #fff; }
  h2        { font-family: "Meddon",cursive; font-size: 45px; font-weight: normal; font-style: normal; text-align: left; text-transform: none; color: #112611; }
  h3        { font-family: "Meddon",cursive; font-size: 30px; font-weight: bold; font-style: normal; text-align: left; text-transform: none; color: #ff5f55; }
  .bwtype     { font-size: 24pt; margin-bottom: 20pt; padding: 10pt 20pt; border: 2pt solid black; color: #fff; background: #b00; }
  .ausgabe    { font: bold 12pt monospace; margin-top: 10pt; padding: 5pt; border: 0pt solid #656565; }
</style>


<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="http://www.michaelster.ch/lueckentexte/inc/jquery.cookie.js"></script>

<script>
    
function uaMatch( ua ) {
    // If an ua is not provided, default to the current browser ua
    if ( ua === undefined ) {
      ua = window.navigator.userAgent;
    }
    ua = ua.toLowerCase();

    var match = /(edge)\/([\w.]+)/.exec( ua ) ||
        /(opr)[\/]([\w.]+)/.exec( ua ) ||
        /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
        /(version)(applewebkit)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec( ua ) ||
        /(webkit)[ \/]([\w.]+).*(version)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec( ua ) ||
        /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
        /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
        /(msie) ([\w.]+)/.exec( ua ) ||
        ua.indexOf("trident") >= 0 && /(rv)(?::| )([\w.]+)/.exec( ua ) ||
        ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
        [];

    var platform_match = 
        /(ipad)/.exec( ua ) ||
        /(ipod)/.exec( ua ) ||
        /(iphone)/.exec( ua ) ||
        /(kindle)/.exec( ua ) ||
        /(silk)/.exec( ua ) ||
        /(android)/.exec( ua ) ||
        /(windows phone)/.exec( ua ) ||
        /(win)/.exec( ua ) ||
        /(mac)/.exec( ua ) ||
        /(linux)/.exec( ua ) ||
        /(cros)/.exec( ua ) ||
        /(playbook)/.exec( ua ) ||
        /(bb)/.exec( ua ) ||
        /(blackberry)/.exec( ua ) ||
        [];

    var browser = {},
        matched = {
          browser: match[ 5 ] || match[ 3 ] || match[ 1 ] || "",
          version: match[ 2 ] || match[ 4 ] || "0",
          versionNumber: match[ 4 ] || match[ 2 ] || "0",
          platform: platform_match[ 0 ] || ""
        };

    if ( matched.browser ) {
      browser[ matched.browser ] = true;
      browser.version = matched.version;
      browser.versionNumber = parseInt(matched.versionNumber, 10);
    }

    if ( matched.platform ) {
      browser[ matched.platform ] = true;
    }

    // These are all considered mobile platforms, meaning they run a mobile browser
    if ( browser.android || browser.bb || browser.blackberry || browser.ipad || browser.iphone ||
      browser.ipod || browser.kindle || browser.playbook || browser.silk || browser["windows phone"]) {
      browser.mobile = true;
    }

    // These are all considered desktop platforms, meaning they run a desktop browser
    if ( browser.cros || browser.mac || browser.linux || browser.win ) {
      browser.desktop = true;
    }

    // Chrome, Opera 15+ and Safari are webkit based browsers
    if ( browser.chrome || browser.opr || browser.safari ) {
      browser.webkit = true;
    }

    // IE11 has a new token so we will assign it msie to avoid breaking changes
    // IE12 disguises itself as Chrome, but adds a new Edge token.
    if ( browser.rv || browser.edge ) {
      var ie = "msie";
      matched.browser = ie;
      browser[ie] = true;
    }

    // Playbook browsers are marked as Safari on Playbook
    if ( browser.safari && browser.playbook ) {
      var playbook = "playbook";
      matched.browser = playbook;
      browser[playbook] = true;
    }

    // Blackberry browsers are marked as Safari on BlackBerry
    if ( browser.safari && browser.blackberry ) {
      var blackberry = "blackberry";
      matched.browser = blackberry;
      browser[blackberry] = true;
    }

    // BB10 is a newer OS version of BlackBerry
    if ( browser.bb ) {
      var bb = "blackberry";
      matched.browser = bb;
      browser[bb] = true;
    }

    // Opera 15+ are identified as opr
    if ( browser.opr ) {
      var opera = "opera";
      matched.browser = opera;
      browser[opera] = true;
    }

    // Stock Android browsers are marked as Safari on Android.
    if ( browser.safari && browser.android ) {
      var android = "android";
      matched.browser = android;
      browser[android] = true;
    }

    // Kindle browsers are marked as Safari on Kindle
    if ( browser.safari && browser.kindle ) {
      var kindle = "kindle";
      matched.browser = kindle;
      browser[kindle] = true;
    }

     // Kindle Silk browsers are marked as Safari on Kindle
    if ( browser.safari && browser.silk ) {
      var silk = "silk";
      matched.browser = silk;
      browser[silk] = true;
    }

    // Assign the name and platform variable
    browser.name = matched.browser;
    browser.platform = matched.platform;
    return browser;
  }


  // Run the matching process, also assign the function to the
  // returned object for manual, jQuery-free use if desired
  jQBrowser = uaMatch( window.navigator.userAgent );
  jQBrowser.uaMatch = uaMatch;

  if( jQBrowser.mobile ) {
    document.write('<h1>I\'m a <u>Mobile</u></h1>');
  } else if ( jQBrowser.desktop ) {
    document.write('<h1>I\'m a <u>Deskto</u>p</h1>');    
  } else {
    document.write('<h1>... don\'t know what I am ... </h1>');    
  }

  function retour() 
  {
    if(jQBrowser.chrome)
    {
      // var v=jQBrowser.version; v=v.split('.'); v=v[0]; = jQBrowser.versionNumber, i.e. (actually) v.58
      document.getElementById('bwtype').innerHTML = 'Chrome v.'+jQBrowser.versionNumber;
    }
    else if(jQBrowser.mozilla) {
      document.getElementById('bwtype').innerHTML = 'Firefox v.'+jQBrowser.versionNumber;
    }
    else if(jQBrowser.msie) {
      document.getElementById('bwtype').innerHTML = 'Internet Explorer v.'+jQBrowser.versionNumber;
    }
    else if(jQBrowser.opera) {
      document.getElementById('bwtype').innerHTML = 'Opera v.'+jQBrowser.versionNumber;
    }
    else { 
      document.getElementById('bwtype').innerHTML = 'undefined browser: ' + jQBrowser.name + ' v.'+jQBrowser.version; 
    }
}



/*** cookie setzen ***/
var device = jQBrowser.desktop ? 'desktop' : 'mobile';
var cvalue = jQBrowser.name+' v.'+jQBrowser.versionNumber+' - '+jQBrowser.platform+' - '+device;
$.cookie('userInfo', cvalue);

console.log( $.cookie('userInfo') );

</script>

</head>



<body onload="retour()">
    
<h2>jQBrowser Result:</h2>

<div id="bwtype" class="bwtype"></div>

<h3>str.replace() Result:</h3>

<button type="button" id="button">los</button>
<pre id="ausgabe" class="ausgabe"></pre>



<script>  
t1 = 'Die \"Anführungszeichen\" ersetzen. Die "Anführungszeichen" müssen weg!. Diese „Traumnovelle“ auch?';
t1 = t1.replace(/\s"/g, " «");
t1 = t1.replace(/"\s/g, "» ");
console.log(t1);

// for one single word in one-step-callback:
function laquo(str) {
  str = str.replace(str, '«$&»');
  return str;
}

var b = 1;
var elem = document.getElementById('button');
    elem.addEventListener('click', trigger);

function trigger() {
    if( b%2 ) {
        var satz  = '"Als Gregor Samsa eines Morgens aus unruhigen <u>Träumen</u> erwachte, fand er sich in seinem Bett zu einem ungeheuren Ungeziefer verwandelt."<br/><br/>' ;
            satzz = satz.replace(/\,/g, '');
            satzz = satzz.replace(/\./g, '');
        var words = satzz.split(' ');
        var text = 'Ein Satz mit ' + words.length + ' Wörtern. Das 8. Wort ist ' + laquo(words[7]) +'.<br/><br/>';
            ++b;
            //console.log(b);
        var ausgabe = document.getElementById('ausgabe');
            ausgabe.innerHTML = satz;
            ausgabe.innerHTML += text;
        var button = document.getElementById('button'); 
            button.innerHTML = 'weg'; 
    } else { 
            ++b;
            //console.log(b);
            var ausgabe = document.getElementById('ausgabe'); 
            ausgabe.innerHTML = ''; 
            var button = document.getElementById('button'); 
            button.innerHTML = 'los'; 
    }
}
</script>

</body>
</html>