sito responsive

**techno** · 31-01-2015, 14:01

Ciao a tutti volevo un vostro consiglio.
Siccome sto sviluppando un sito sia per desktop che per mobile e per i file css ci sono i media, per i file javascript come posso fare.
mi spiego, se l'utente è un utente desktop mi deve caricare il file desktop.js se invece è mobile mi deve caricare il file mobile.js
Come posso fare?

**techno** · 31-01-2015, 14:29

al momento sto usando document.documentElement.clientWidth
se avete altri suggerimenti prego sono tutto occhi

**carlomarx** · 31-01-2015, 18:10

Magari migliora l'espressione regolare, l'ho scritto al volo senza pensarci troppo…

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Mobile detect</title>
<script type="text/javascript">
var importScript = (function (oHead) {

    function loadError (oError) {
        throw new URIError("The script " + oError.target.src + " is not accessible.");
    }

    return function (sSrc, fOnload) {
        var oScript = document.createElement("script");
        oScript.type = "text\/javascript";
        oScript.onerror = loadError;
        if (fOnload) { oScript.onload = fOnload; }
        (document.head || document.getElementsByTagName("head")[0]).appendChild(oScript);
        oScript.src = sSrc;
    }

})();

var bIsMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone/i.test(navigator.userAgent);

importScript(bIsMobile ? "mobile.js" : "desktop.js");
</script>
</head>

<body>

</body>
</html>

Ciao!

Discussione: sito responsive

Strumenti discussione

Ricerca discussione

Visualizza

sito responsive

Permessi di invio