Pagina su device

[Valeria75_bis]

Ciao a tutti, provate a visitare questa pagina da mobile

http://pattern.dk/sun/


mi piacerebbe visualizzare l'HTML del layout mobile (e non di quello browser), come posso?

Grazie

[mxa]

Usa chrome, apri il web inspector, nei settings scegli come device uno qualunque tra quelli disponibili e abilita l'override screen size. Vado a memoria perché non ho un computer sottomano ma dovrebbe essere così più o meno.

[Valeria75_bis]

Provato .... non funziona :-(


oppure sbaglio io??

[Valeria75_bis]

Intendo che vedo l'icona che richiede di attivare un link dal desktop e non il contenuto dell'app

[mxa]

1) http://dl.dropbox.com/u/234787/Screenshots/b.png
2) http://dl.dropbox.com/u/234787/Screenshots/c.png

[Valeria75_bis]

Esatto, si vede solo l'icona e non l'intera app!

Perché?

[mxa]

Ma scusa, come c'e' scritto li' per avere l'app devi aggiungerla all'home screen. Se lo fai poi funziona. Per vedere effettivamente il codice dell'app poi immagino tu possa usare remote debugging.

[Valeria75_bis]

Allora, prima di tutto so leggere anche io, secondo è ovvio che sul device è visibile sull'home.... quello che vorrei è avere l'app funzionante nel browser

[massimo83]

copia il codice che ho incollato qui http://pastebin.com/R8bMqGt4

vai su http://pattern.dk/sun/

apri la console di developer tools in chrome e incolla il codice

premi invio

[Valeria75_bis]

Quindi, apro il sito con la console....

nella scheda "console" incollo

da

// #Initialization

a

if(localStorage.getItem("restart") == 'true') {
fetching(); // Fetches all available sounds with the Web Audio API, only supported on iOS 6.
localStorage.setItem('restart', 'false');
}

}


e non

RAW Paste Data??

// #Initialization
// _Declaration of variables and initial initialization_
var city, xPos, xOrg, xCor, pinch = false, time, icon, info, reveal, blur;
var doc = $(this);
active = 1;
//$('head').append('<meta name="viewport" content="user-scalable=0, initial-scale=1.0">');
$('body').removeClass('preview').addClass('initialize').html('<div id="app"><div id="box"><div id="layer"><div class="slide"><div class="background"></div><a class="in">In</a><div class="pagination"><span class="active"></span><span></span><span></span><span></span></div></div></div></div></div>');
if(!window.navigator.onLine) {
    $('.pagination').hide();
    $(document).bind('touchstart', function(e) {
        e.preventDefault();
    });
    notification("Sun requires a working 3G or WiFi connection.");
} else {
    var tz = jstz.determine().name();

lo chiedo perchè sono due parti/box differenti nella tua pagina


fatto questo premo invio per eseguire


vedo pagina arancione, con freccia e 3 pallini ma non i contenuti che vedrei sul mobile....

ad esempio cliccando sull'icona del menu non si apre nulla e nella pagina non si vede nulla



grazie infinite per l'aiuto!!!