javascript: eseguire del codice solo su determinate risoluzioni

javascript: eseguire del codice solo su determinate risoluzioni

Eseguire codice javascript su certi montior

Oggi ci è pervenuta una richiesta: Come eseguire del codice javascript solo su dispositivi che hanno una risolizione maggiore di 800px.

La soluzione è semplice, basta vedere la risoluzione del monitor tramite l'istruzione javascript window.screen.availWidth, che restituisce un valore intero che indica la larghezza in pixel del monitor su cui stiamo lavorando, e verificare se questa è maggiore di 800.

Ne caso si dovesse verificare questa condizione, allora faremo eseguire le istruzioni.

Adesso non ci resta che far funzionare il tutto all'avvio del browser (anche i più datati). Abbiamo la soluzione anche a questo:

function r(f){/in/.test(document.readyState)?setTimeout('r(' f ')',9):f()}
r(function(){
});

Assembliamo il tutto, ed ecco il codice:

function r(f){/in/.test(document.readyState)?setTimeout('r(' f ')',9):f()}
r(function(){
if(window.screen.availWidth > 800)
{
//inserisci qui il codice che vuoi eseguire
}
});

loader