Connettete i dispositivi all'app desktop Dreamweaver per visualizzare in anteprima, ispezionare, provare ed eseguire il debug delle pagine web su diversi dispositivi.
Visualizzare in anteprima ed esaminare pagine web

Dreamweaver consente ora di provare le pagine Web prodotte su più dispositivi contemporaneamente. Potete vedere come la pagina Web rifluisce con diversi fattori di forma e provare le funzioni interattive sulle pagine. Tutto questo senza dover installare nessuna app per dispositivi mobili o senza dover connettere fisicamente i dispositivi al desktop. Acquisite semplicemente il codice QR generato automaticamente con i dispositivi e visualizzate in anteprima le pagine Web sui dispositivi.

Live Inspect, quando attivato sul desktop, riflette tutti i dispositivi connessi e consente di ispezionare i diversi elementi e di modificare le progettazioni secondo necessità.

Prerequisiti

Verificare che sui dispositivi sia disponibile lo scanner di codice QR.
Assicuratevi che il desktop e i dispositivi mobili siano connessi a Internet e alla stessa rete.
Verificate di avere a disposizione le credenziali Adobe ID. Per accedere ai dispositivi durante l'anteprima, è richiesto l'Adobe ID che utilizzate per Dreamweaver.
Se siete un cliente enterprise, verificate di disporre delle autorizzazioni necessarie per accedete al servizio Anteprima dispositivo.
Verificare che JavaScript e i cookie siano attivati nelle impostazioni del browser dei dispositivi.

Dispositivi supportati

Tutti i dispositivi Android e iOS

Anteprima delle pagine Web nei dispositivi

  1. Dal computer desktop, avviate Dreamweaver e aprite la pagina Web da visualizzare in anteprima sui dispositivi.

  2. Fate clic sull'icona Anteprima in tempo reale nella barra degli strumenti del documento.

    Anteprima in tempo reale sul dispositivo
    Anteprima in tempo reale sul dispositivo

    La finestra a comparsa Anteprima dispositivo viene visualizzata con un codice QR e un URL breve.

     

  3. Acquisite il codice QR con il dispositivo mobile dal quale desiderate visualizzare in anteprima il documento Web. Per connettere più dispositivi, acquisite il codice QR su ciascuno di questi dispositivi.

  4. Nei dispositivi, viene visualizzata una schermata di accesso. Effettuate l'accesso utilizzando le vostre credenziali Adobe ID. Assicuratevi di utilizzare il medesimo Adobe ID utilizzato per Dreamweaver/Creative Cloud.

    Schermata di accesso dei dispositivi
    Schermata di accesso dei dispositivi

  5. Dopo un accesso riuscito, i nomi dei dispositivi connessi vengono visualizzati nella finestra a comparsa Anteprima dispositivo e sui dispositivi connessi sarà visualizzata l'anteprima della pagina Web.

    Nella finestra a comparsa Anteprima dispositivo sono visibili i dispositivi collegati
    Nella finestra a comparsa Anteprima dispositivo sono visibili i dispositivi collegati

Nota:

per mappare i nomi dei dispositivi nella finestra a comparsa al dispositivo attuale, passate il mouse sui nomi dei dispositivi. Sul dispositivo corrispondente viene visualizzata una schermata di riscontro.

Esaminare le pagine Web nei dispositivi

Per esaminare la pagina web su tutti i dispositivi connessi, fare clic sull'icona Esamina nella barra degli strumenti di Dreamweaver.

Opzione Esamina sulla barra degli strumenti
Opzione Esamina sulla barra degli strumenti

Per esaminare la pagina web di un determinato dispositivo, fate clic sull'icona Esamina corrispondente al nome del dispositivo nella finestra a comparsa Anteprima dispositivo. Il viewport in Dreamweaver è impostato per far corrispondere il viewport nel dispositivo corrispondente e l'esame è attivato su quel dispositivo e Dreamweaver.

Per uscire dalla modalità Esamina, fate nuovamente clic sull'icona Esamina in Dreamweaver.

Dopo che tutte le modifiche effettuate alla pagina Web sul desktop sono state registrate, saranno immediatamente riportate sui dispositivi.

Risoluzione dei problemi con Anteprima dispositivo

Se si verificano problemi durante la connessione dei dispositivi o l'anteprima delle pagine Web sui dispositivi, consultate le informazioni nell'articolo Anteprima dispositivo - Risoluzione dei problemi.

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online