Benutzer: Gast
Eintrag: Mobile-Detection

Mobile-Detection

von: marcel
Kreise: HTML / CSS / JS

Funktion, um auf mobile Geräte zu testen:

Code: JS JScript JavaScript
var isMobile = function () {  
  return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|mini|Windows\sCE|palm/i.test(navigator.userAgent));  
}; 

Funktion, um auf Touch-Screens zu testen:

Code: JS JScript JavaScript
var _isTouchScreen = function () {  
  return ("ontouchstart" in document.documentElement);  
}; 

Verwendung

Man kann z. B. verschiedene Ressourcen laden oder den Quelltext modifizieren:

Code: JS JScript JavaScript
if (isMobile()) {  
  document.write('<script type="javascript" src="http://www.domain.tld/mobileScript.js"></script>');  
  document.write('<link rel="stylesheet" type="text/css" href="http://www.domain.tld/mobileCSS.css" media="all">');  
  // with jQuery:  
  $(body).addClass("mobileDevice");  
}  
Es gibt noch keine Kommentare.