Solucionat: jquery comproveu si la mida de la pantalla

Darrera actualització: 09/11/2023

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.

Articles Relacionats: