JavaScript: assegnare stili specifici ai dispositivi mobili

Con JavaScript possiamo assegnare stili CSS specifici per i device mobili.

La soluzione è la seguente:

'use strict';

const isMobile = () => {
    return /mobile/i.test(navigator.userAgent);
}

document.addEventListener('DOMContentLoaded', () => {
    let body = document.body;
    let bodyClass = (isMobile()) ? 'mobile' : 'desktop';
    body.classList.add(bodyClass);
});

In versione retrocompatibile diventa:

'use strict';

var isMobile = function() {
    return /mobile/i.test(navigator.userAgent);
};

document.addEventListener('DOMContentLoaded', function() {
    var body = document.body;
    var bodyClass = (isMobile()) ? 'mobile' : 'desktop';
    body.className = body.className + ' ' + bodyClass;
});