Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal. Estou desenvolvendo um site responsivo e preciso fazer o chamado "Carregamento Condicional" de scripts. Ou seja, preciso carregar um determinado script apenas se o tamanho da tela cumprir com uma determinada condição. Por exemplo. Se tiver menos que 600px, carrego o Zepto.js. Se tiver mais que 600, carrego o JQuery. Alguém sabe como fazer, ou mesmo algum artigo que explique como se usa esta técnica?
Bom cara, não conheço algum if para você adicionar no seu html como fazemos com scripts (para versões velhas do IE, etc), mas acredito que você pode pegar a resolução e a partir disso chamar uma função, e, assim fazer a chamada do seu script, ex:
function verirficaResolucao() {
r = window.innerWidth;
if (r == 320) {
zepto();
} else if (r == 480)
jquery();
}
}
function zepto() {// aqui você monta seu script, crie um elemento script, indique o local, faça algo como o google faz com os scripts do analitycs.
}
Espero ter ajudado.
Ah, caso vá usar o método que indiquei chame essa função no onload e no onresize da sua página :)
Bom dia,
Acredito que o modernizr pode ser o que você procura.
Segue link (português), explicando o que é e como utilizá-lo.
http://www.criarweb.com/artigos/apresentacao-modernizr.html
Espero que ajude.