JavaScript: stili CSS specifici per i device mobile

Con JavaScript possiamo assegnare stili CSS specifici ai device mobile.

La soluzione è la seguente:

'use strict';

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

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