Ang pangunahing problema sa paggamit ng jquery upang suriin kung naaangkop ang laki ng screen ay maaaring hindi ito tumpak.
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;
}
Sinusuri ng code na ito kung ang device ay isang mobile device o hindi. Nagsisimula ito sa pamamagitan ng pagtatakda ng isMobile sa false. Pagkatapos, gumagamit ito ng regular na expression upang suriin ang string ng user agent ng navigator. Kung nakahanap ito ng tugma, itatakda nito ang isMobile sa true.
Mga katangian ng screen sa jQuery
Mayroong ilang mga katangian na maaari mong gamitin upang kontrolin kung ano ang hitsura ng iyong screen sa jQuery.
lapad at taas: Itinatakda ng mga property na ito ang lapad at taas ng screen, sa mga pixel.
oryentasyon: Magagamit mo ang property na ito para tukuyin kung portrait o landscape mode ang screen.
display: Tinutukoy ng property na ito kung dapat ipakita ang screen bilang full-screen window o hindi.
Ano ang jQuery
Ang jQuery ay isang JavaScript library na tumutulong sa iyong lumikha ng mga dynamic, tumutugon na mga website. Kabilang dito ang mga tampok para sa paghawak ng mga kaganapan, pag-animate ng mga elemento, at paglikha ng mga pakikipag-ugnayan ng Ajax.
