Anslut dina enheter till datorprogrammet Dreamweaver för att förhandsgranska, inspektera, testa och felsöka dina webbsidor på olika enheter.
Förhandsgranska och inspektera webbsidor

I Dreamweaver kan du testa dina produktionsklara webbsidor samtidigt i flera enheter. Du kan se hur webbsidan flödas om i olika varianter och testa interaktiva funktioner på sidorna. Du kan göra allt detta utan att behöva installera någon mobilapp eller behöva ansluta enheterna till datorn fysiskt. Skanna bara den autogenererade QR-koden med enheterna och förhandsgranska dina webbsidor på enheterna.

När Live Inspect aktiveras på skrivbordet återspeglas det på alla anslutna enheter och hjälper dig att inspektera olika element och justera designen om det behövs.

Förutsättningar

Kontrollera att du har en QR-kodskanner installerad på dina enheter.
Kontrollera att datorn och mobilenheterna är anslutna till internet och finns i samma nätverk.
Se till att du har autentiseringsuppgifterna för ditt Adobe ID till hands. Du behöver det Adobe ID du använder för Dreamweaver på datorn när du loggar in på enheterna under förhandsvisningen.
Om du är företagskund kontrollerar du att du har den behörighet som krävs för att använda tjänsten Enhetsförhandsvisning.
Kontrollera att JavaScript och cookies är aktiverat i inställningarna för webbläsaren på enheterna.

Enheter som stöds

Alla Android- och iOS-enheter

Förhandsgranska webbsidor på enheter

  1. Starta Dreamweaver på datorn och öppna den webbsida som du vill förhandsgranska på enheter.

  2. Klicka på ikonen Förhandsvisning i realtid i dokumentets verktygsfält.

    Förhandsgranska i realtid på enhet
    Förhandsgranska i realtid på enhet

    Snabbmenyn för Enhetsförhandsvisning visas med en QR-kod och en kort webbadress.

     

  3. Skanna QR-koden med den mobilenhet som du vill förhandsgranska webbdokumentet på. Om du vill ansluta flera enheter skannar du QR-koden med varje enhet.

  4. En inloggningsskärm visas på enheterna. Logga in med uppgifterna för ditt Adobe ID. Du måste använda samma Adobe ID som du använder för Dreamweaver/Creative Cloud.

    Inloggningsskärm på enheter
    Inloggningsskärm på enheter

  5. När du har loggat in visas de anslutna enheternas namn i fönstret Enhetsförhandsvisning. Dessutom visas en förhandsvisning av webbsidan på de anslutna enheterna.

    Popup-fönstret Enhetsförhandsvisning visar anslutna enheter
    Popup-fönstret Enhetsförhandsvisning visar anslutna enheter

Obs!

Koppla enhetsnamnen i fönstret till de faktiska enheterna genom att hålla muspekaren över enhetsnamnen. En feedback-skärm visas på motsvarande enhet.

Inspektera webbsidor på enheter

Om du vill inspektera webbsidan på alla anslutna enheter klickar du på ikonen Inspektera i Dreamweaver-verktygsfältet.

Alternativet Inspektera i verktygsfältet
Alternativet Inspektera i verktygsfältet

Om du vill inspektera webbsidan på en specifik enhet klickar du på ikonen Inspektera för namnet på den enheten i fönstret Enhetsförhandsvisning. Visningsrutan i Dreamweaver ställs in så att den matchar skärmen i motsvarande enhet och Inspect aktiveras för den specifika enheten och Dreamweaver.

Klicka på ikonen Inspektera i Dreamweaver igen när du vill avsluta inspektionsläget.

Alla redigeringar som du gör på dina webbsidor på datorn syns direkt på enheterna när de har sparats.

Felsöka problem med Enhetsförhandsvisning

Om du får problem med att ansluta dina enheter eller förhandsgranska dina webbsidor på olika enheter läser du informationen i artikeln Enhetsförhandsvisning – Felsökning.

Denna produkt är licensierad enligt en Creative Commons Erkännande-Ickekommersiell-Dela Lika 3.0 Unported-licens  Twitter™- och Facebook-inlägg omfattas inte av villkoren i Creative Commons-licensen.

Juridiska meddelanden   |   Onlinesekretesspolicy