El principal problema amb l'ús de jquery per comprovar si la mida de la pantalla és adequada és que pot ser inexacte.
is mobile
var isMobile = false; //initiate as false
// device detection
if(/(android|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo||midp||mmp||netfront||opera m(ob|in)i||palm( os)?||phone||p(ixi|re)/8.0.+mobile.+firefox/i.test(navigator.userAgent)){
isMobile = true;
}
Aquest codi està comprovant si el dispositiu és un dispositiu mòbil o no. Comença configurant isMobile com a fals. A continuació, utilitza una expressió regular per comprovar la cadena de l'agent d'usuari del navegador. Si troba una coincidència, estableix isMobile com a true.
Propietats de la pantalla a jQuery
Hi ha algunes propietats que podeu utilitzar per controlar com es veu la vostra pantalla a jQuery.
amplada i alçada: aquestes propietats estableixen l'amplada i l'alçada de la pantalla, en píxels.
orientació: podeu utilitzar aquesta propietat per especificar si la pantalla és en mode vertical o horitzontal.
display: aquesta propietat especifica si la pantalla s'ha de mostrar com a finestra de pantalla completa o no.
Què és jQuery
jQuery és una biblioteca de JavaScript que us ajuda a crear llocs web dinàmics i sensibles. Inclou funcions per gestionar esdeveniments, animar elements i crear interaccions Ajax.